progate初級道場コース「トップ部分を作ろう」にて.main部分をmargin:100px
1コード 2```body{``````body { 3 font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif; 4} 5 6.header { 7 background-color: #26d0c9; 8 color: #fff; 9 height: 90px; 10} 11 12.header-logo { 13 float: left; 14 font-size: 36px; 15 padding: 20px 40px; 16} 17 18.header-list { 19 float: left; 20} 21 22.header-list li { 23 float: left; 24 padding: 33px 20px; 25} 26 27.main { 28 padding: 100px 80px; 29} 30 31.copy-container h1 { 32 font-size: 140px; 33} 34 35.copy-container h2 { 36 font-size: 60px; 37} 38 39.copy-container span { 40 color: #ff4a4a; 41} 42 43コード
font-family:"Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
}
.header{
background-color:#26d0c9;
color:#fff;
height:90px;
}
.header-logo{
float:left;
font-size:36px;
padding:20px 40px;
}
.header-list li{
float:left;
padding:33px 20px;
}
.main{
margin:100px 80px;
}
.copy-container h1{
font-size:140px;
}
.copy-container span{
color:#ff4a4a;
}
.copy-container h2{
font-size:60px;
}