ウェブデザインA 第10回

まずはスマホ出席で出席登録を行ってください。
今回の4桁の認証コードは「 」です。
また「Visual Studio Code」 を起動しておきましょう。

[レイアウト練習]フレックスボックスレイアウト 2カラムレイアウト編

今回は前回学んだフレックスボックスの復習です。
学んだ内容を活用して2カラムのレイアウトを実際に作ってみましょう。

[レイアウト練習]flex-boxレイアウト 2カラムレイアウト編

今後、フレックスボックスを使ったレイアウトが分からなくなってしまったら、
上記の記事や以下のフレックスボックスの記事を確認してレイアウトの練習を行ってみましょう。

[コーディングの応用] どうしても覚えてほしいレイアウトを簡単に組む方法!フレックスボックス(flexbox)

Webサイトコーディング[EASY]
main・articleタグ、section#profileタグのhtml・cssコーディング

それでは今日のコーディングを始めていきましょう。
今回は以下の2件の記事の学習を行います。
以下の記事を別タブで開いてCtrl + クリックください。

[コーディングの実践:EASY] 05 main・article編

[コーディングの実践:EASY] 06 section#profile編