*{margin:0;font-family:Arial,Helvetica,sans-serif;text-align:center;list-style:none}#grid{display:grid;grid-template:1fr 1fr 5fr .5fr/1fr 3fr;gap:10px;height:100svh}#grid #header{grid-area:1/1/2/3;background-color:blue;display:grid;grid-template-columns:3fr 4fr;align-items:center}#grid #header #menu ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}#grid #sidebar{grid-area:2/1/4/2;background-color:green;display:grid;grid-template-rows:1fr 1fr 1fr 1fr;align-items:center}#grid #nav{grid-area:2/2/3/3;background-color:aqua;display:grid;align-items:center}#grid #nav ul{display:grid;grid-template-columns:1fr 1fr 1fr}#grid #article{grid-area:3/2/4/3;background-color:#d2691e;padding:10px;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-auto-rows:minmax(200px, 1fr);gap:15px;overflow-y:auto}#grid #article .card{font-size:12px;width:100%;background-color:#fff;color:#000}#grid #footer{grid-area:4/1/5/3;background-color:gray;display:grid;align-items:center}