ul{margin:0;padding:0}img{width:100%;height:100%}body{padding-top:70px;margin:0}footer{margin-top:100px}.wrapper{max-width:1100px;margin:0 auto}.wrapper ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none}.box{width:400px;height:300px}.box a{display:block;width:100%;height:100%}.footer{width:100%;padding:10px 0;background-color:#778899;color:#fff;font-size:10px;text-align:center}@media screen and (max-width:768px){body{padding-top:30px}footer{margin-top:50px}.box{width:100%;max-width:400px;height:auto}}