#03 ヘッダーの要素を配置しよう

メニューアイコンに div を使っていますが、 nav でも問題ありませんか？

2022年3月24日

#04 CSSでスタイリングしていこう

なぜ margin-left: auto; とするとメニューアイコンが右揃えになるのですか？

2022年1月27日

.sp-menu に margin-left しても header に justify-content: space-between しても同じ表示になりますが、どちらがよいですか？

2022年1月27日

#05 ヘッダーのスタイルを整えよう

h1 の line-height を 64px にするのはなぜですか？

2022年1月27日

line-height を設定するとアイコンがずれてしまいます

2022年1月27日

#06 スマートフォン用のメニューを作ろう

overlay クラスの要素は z-index の値を指定していないのに、なぜ上に乗っているのでしょうか？

2022年1月27日

#07 メニューのスタイルを整えよう

なぜばつ印の記号は padding: 64px; が適用されないのですか？

2022年1月27日

ul を text-align: center; で指定すると、リストの点が li から大きく離れるのは何故ですか？

2022年1月27日

closeアイコンがmargin-leftで移動しないのはなぜですか？

2022年1月27日

display: none;だとうまく動かないのはなぜですか？

2022年1月27日

ulにmargin: 0を指定しなくてもよいのでは？

2022年1月27日

#08 クリックイベントを設定しよう

クラスを指定して要素を取得する際に getElementsByClassName を使わないのはなぜですか？

2022年1月27日

overlay要素の取得方法について教えて下さい

2022年1月27日

#09 クリックしたらメニューを表示しよう

opacity: 0; ではなく display: none; とするのはなぜですか？

2022年1月27日

.overlay.show は .show としてはいけないのですか？

2022年1月27日

showとhideをつける位置に違和感があります

2022年1月27日

#10 メニューを閉じられるようにしよう

.overlay.show に transition を書かないのはなぜですか？

2022年3月24日

#11 アニメーションの設定を完成させよう

CSS だけで li 要素が増えたときに自動で CSS を追記する処理はできますか？

2022年2月28日

.overlay 全体ですでに opacity を 0 に設定しているのに .overlay li のところでも opacity を 0 に設定しているのはなぜですか？

2022年1月27日

transition の設定を遷移前の子要素に設定してはいけないのでしょうか？

2022年1月27日

x ボタンがクリックされた時は、transition-delay で順番に消えていかないのはなぜですか？

2022年1月27日

nth-child、nth-of-type の書き方によって違いはありますか？

2022年1月27日

.overlay.show li で transform: none; にする意味は？

2022年1月27日

transitionプロパティを .overlay li {} に記載するのはなぜでしょうか？

2022年1月27日

#12 PC版のメニューを作ろう

なぜ「display: block;」を設定するのですか？

2022年1月27日

#13 PC版のスタイルを整えよう

なぜ pc-menu li ではなくて、pc-menu a とするのですか？

2022年6月1日

pc-menu や sp-menu など、div で囲ったほうがよいのですか？

2022年5月19日

JavaScriptでエラーになってしまいます

2022年1月27日

フレックスボックス内のblockとinline-blockはどう違いますか？

2022年1月27日

CSSとJavaScriptのどちらで実装すべきですか？

2022年1月27日