【サイト制作】メイン記事エリアをつくる【2カラム】

プログラミング

シュテル(@sterchannel2020)です!

2カラムの枠組みができたら次はどうする?

次はいよいよ「メイン記事」ですね。作っていきましょう。

メイン記事エリアの制作の流れ

メイン記事エリアのタイトル/年月日/カテゴリを設置する

後で装飾するためspanタグで2020だけ囲んでます

<header>下に画像と本文を設置する

imgタグはsrc属性で画像の場所記載/altで画像の文字情報をつける

CSSで余白などを調整する

これはおさらい。メインとサイドの%を調整/justify-content:space-between;で両端配置
これがメイン記事エリアのheader
投稿日の表示設定
記事タイトルや画像、本文の設定

よし、メイン記事エリアできました!

次はサイドバー作ります👍

タイトルとURLをコピーしました