6/15 スカイプ Tさん　サイト制作 マンツーマン基礎講座個別指導

HTML&CSSコーディング
レスポンシブサイトの作成「その3」
・効率よく見やすい縦表示に可変させるcss
・テーブル表を、レスポンシブに対応させるスタイルシート
・レスポンシブサイトのメニュー、ハンバーガーボタン、親、子孫表示のメガドロップナビ
・レスポンシブデザインに対応したテーブル　table の作成
・２つのボタンを横並びにするdisplay:inline-block、デバイスによって縦並びにカラム落ちするのを利用
・WORKゾーン作成、親要素に display: table、横並びにしたい子要素にdisplay: table-cell、幅の固定に　table-layout: fixed
・work-box::afterやinnnerを作成し、鏡面の表現を実装させる、設計図を描く

次回も引き続き、サンプルサイト「その3」を作り込んでいきます。
レッスンGO!

Tweet