sample | Web Japan

Kids Web Japan

メディアレイアウト

SP表示時は、すべて縦積みの共通レイアウトになります。

PC表示時に左画像（最大幅380px）
読み上げ順序を考慮したDOM構造になっています。

PC表示時に左画像（最大幅300px）
読み上げ順序を考慮したDOM構造になっています。
更新日時がわかるようであれば、.c-post_dateはtimeタグに置き換え、datetime属性を指定することが可能です。

PC表示時に左画像（最大幅240px）

SP表示時は、すべて縦積みの共通レイアウトになります。

読み上げ順序を考慮したDOM構造になっています。

読み上げ順序を考慮したDOM構造になっています。
更新日時がわかるようであれば、.c-post_dateはtimeタグに置き換え、datetime属性を指定することが可能です。

カラム3列

カラム3列

カラム3列

カラム4列

カラム4列

カラム4列

カラム4列

カラム4列

SP表示時は、すべて縦積みの共通レイアウトになります。

card link with image