#01 フレックスボックスを使ってみよう

flex:1;とは何ですか？

2020年7月6日

#03 要素の並び､揃えを制御しよう

flex-directionが機能しません

2020年5月3日

align-itemsをcenterやflex-endにしてもうまくいきません

2020年5月10日

#04 flex-wrap､align-contentを使おう

align-itemsとalign-contentはどう違うのですか？

2020年5月30日

#07 flex-grow､flex-shrinkを理解しよう

デモが表示されません

2020年5月10日

#08 flexプロパティを使ってみよう

flex-basisが0%であるという状態が想像できません

2020年5月10日

なぜgrowとshrinkを一緒に指定しないといけないのでしょうか？

2020年5月10日

#09 2カラムレイアウトを作ってみよう

flex: auto; と flex: 1; の違いを教えて下さい

2020年5月30日

flexboxは入れ子構造に対応していますか？

2020年5月10日

#10 3カラムレイアウトを作ってみよう

「order: -1」とせずにHTMLを編集すればいいのでは？

2020年5月30日

#11 縦方向に要素を配置してみよう

htmlの代わりにアスタリスク（*）にして高さを指定してもいいですか？

2020年5月30日

bodyとhtmlの両方に100%を指定しなくてはいけないのはなぜですか？

2020年5月10日

#12 要素を上下左右中央に配置しよう

「justify-content: center; align-items: center;」をheaderの方に書くのはなぜですか？

2020年5月10日

calc()で使っている50%の意味がわかりません

2020年5月10日

画面を左右2分割することはできますか？

2020年5月10日

#13 ヘッダーレイアウトを作ってみよう

imgのサイズだけHTMLで指定しているのはなぜですか？

2020年5月10日

justify-content: space-between; が反映されません。

2020年5月10日

画像を配置したのですがうまく表示できません

2020年5月10日

画像が反映されません

2020年5月10日

#14 横並びメニューを作ってみよう

なぜ li を a にすると周辺がクリックできるようになるのですか？

2020年5月30日

「display: block;」は「display: inline-block;」でもいいですか？

2020年5月10日

line-heightとheightはどう違うのですか？

2020年5月10日

リンクにカーソルをあわせると指アイコンになりますがなぜですか？

2020年5月10日

#15 画像とテキストを配置してみよう

margin-bottomはpicの方に設定してもいいですか？

2020年7月6日

.picの幅を変えても画像の幅が変わらないのはなぜですか？

2020年5月10日

VS Codeで「元に戻す」ショートカットキーはありますか？

2020年5月10日

#16 画像を左右に振り分けてみよう

calcで何を計算しているのかわかりません

2020年7月6日

ロゴとテキストの間にスペースが空きません

2020年5月10日