*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f4f6f8}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#1C2733;color:white;padding:24px}main{margin-left:250px;padding:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;padding:20px;border-radius:16px}@media(max-width:800px){aside{position:static;width:auto}main{margin:0}.grid{grid-template-columns:1fr}}