会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
基本的なレイアウトを作ろう① サイドバーの作成
目安学習時間 4分
学ぶ目的
学んだものを組み合わせる
ここまでで学んだFlexbox、幅と高さ、余白、色を使って、実際のページレイアウトを組み立てます。まずは全体の構成を決めるところからです。
サイドバーを作る
親要素を flex にし、サイドバーに固定幅、メイン部分に残りの幅を割り当てます。高さは h-screen で画面いっぱいにします。
見た目を整える
背景色と余白を加えるだけで、ぐっとそれらしくなります。ここまでの各回で学んだクラスが、どう組み合わさるのかを確認してください。
このレクチャーで学ぶこと
- 全体構成を決める
- サイドバーを配置する
- 幅と背景色を整える
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
Tailwind CSS初級
Tailwind CSS初級講座
基本的なレイアウトを作ろう① サイドバーの作成
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
