*{box-sizing:border-box;margin:0;padding:0;font-family:anton,sans-serif}#header{height:80px;display:grid;grid-template-columns:80px auto 80px;img { max-height: 80px; background-color: #B0D259; } h1 { display: inline-block; justify-self: center; align-self: center; }}#navigation{display:block;height:5px;background-color:#b0d259}#main{display:grid;grid-template-rows:auto auto auto;row-gap:10px;margin:10px;.content { order: 0; } .left-sidebar { order: 1; } .right-sidebar { order: 2 } .left-sidebar, .right-sidebar { h3 { text-align: center; } } .content { h2 { text-align: center; } img { max-width: 100%; } } table { width: 100%; border-collapse: collapse; tbody { tr:nth-child(2n) { background-color: rgba(196, 78, 52, 0.25); } tr:nth-child(2n+1) { background-color: rgba(176, 210, 89, 0.25); } td { text-align: center; vertical-align: middle; padding: 5px; } td + td { text-align: left; } } } .left-sidebar { table { tbody { td + td + td + td { text-align: right; } } } } .right-sidebar { table { tbody { td { text-align: left; } td + td + td { text-align: right; } } } } table + h3 { margin-top: 20px; }}#footer{background-color:#c44e34;height:40px;display:grid;grid-template-columns:1fr;p { color: rgba(255, 255, 255, 1); justify-self: center; align-self: center; }}@media(min-width:577px){}@media(min-width:769px){}@media(min-width:900px){#header{height:120px;grid-template-columns:120px auto 120px;img { max-height: 120px; }}#main{grid-template-columns:.5fr auto .5fr;column-gap:10px;.left-sidebar { order: 0; } .content { order: 1; } .right-sidebar { order: 2; }}}@media(min-width:1200px){}