You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
* { margin: 0; padding: 0; list-style: none; background-color: #F0F8FF; }
#layout { display: flex; width: 80%; margin: 0 auto; flex-direction: column; }
#top { width: 100%; flex: 0 0 30px; background-color: aqua; }
#main { flex: 0 0 100%; display: flex; margin-top: 30px; flex-wrap: wrap; }
#main div:first-child { flex: 0 0 100%; background-color: #F0F8FF; flex-wrap: wrap; display: flex; align-content: flex-start; justify-content: space-around; }
#main div:first-child li { flex: 0 0 30%; height: 40px; line-height: 40px; text-align: center; margin-top: 5px; border: 1px solid #00FA9A; }
#main div:nth-child(2) { flex: 0 0 100%; margin-top: 10px; background-color: #F0F8FF; flex-wrap: wrap; display: flex; border: 1px solid #00FA9A; justify-content: space-around; }
#main div:nth-child(2) li { flex: 0 0 22%; height: 100px; background-color: #87CEEB; margin-top: 10px; margin-bottom: 10px; }
|