回答編集履歴
1
サンプルリンクの追加
test
CHANGED
|
@@ -41,3 +41,25 @@
|
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
```
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
> 上の余白の部分がまだ解決されないのですが、
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
提示のコードでサンプルを作成してみましたが再現できないですね。
|
|
52
|
+
|
|
53
|
+
とりあえず、ヘッダー内の要素にmargin-topを設定しているのが怪しいので、それを削除して、
|
|
54
|
+
|
|
55
|
+
Flexboxで上下中央寄せ、上下余白はpaddingで調整するように変更してみてはどうでしょうか。
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
上記の方針でサンプルを作成してみましたので参考にしてください。
|
|
60
|
+
|
|
61
|
+
修正した部分は追加した部分はコメントしてあります。
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
[CodePenサンプル](https://codepen.io/hatena19/pen/QWEjKKR)
|