エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS メインとサイドバーの2カラムを作成する練習
CSSで2カラムのレイアウトにするHTMLをマークアップしてから、CSSのdisplay:flexとflexプロパティでmain... CSSで2カラムのレイアウトにするHTMLをマークアップしてから、CSSのdisplay:flexとflexプロパティでmain要素とaside要素を横並びにして、メインとサイドバー間の隙間を作るという簡単な手順で練習をします。 最初は2カラムを親要素の左にメイン、右にサイドバーのレイアウトで作成をしますが、左がサイドバーで右がメインの2カラムレイアウトにも切り替える練習もしています。 記事中で参考になる部分が見つかり、誰かの役に立つことがあれば幸いです。 <div class="wrapper"> <main> <div class="main-content"></div> <div class="main-content"></div> <div class="main-content"></div> <div class="main-content"></div> </main>