「お知らせ」部品は本文欄とサイドバーの両方に置かれています。HTMLは同一で、修飾クラスも付けていません。幅の広い本文欄では横1行に、狭いサイドバーでは縦積みかつ説明文を省いた形になります。

ページのレイアウト（本文とサイドバーの2段組み）は画面幅の話なので、メディアクエリのままにしています。画面の話はメディアクエリ、部品の話はコンテナクエリ、と役割で分けると混乱しません。