@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";*{font-family:Roboto,sans-serif}.container{margin:20px;display:grid;height:100vh;grid-template-columns:repeat(4,[col-start] 20% [col-end]);grid-template-rows:[row-1-start] 5rem [row-1-end row-2-start] minmax(3rem,5.5rem) [row-2-end];gap:10px;justify-items:stretch;align-items:stretch;justify-content:center;align-content:center}.el1{background:#ff9a4880}.el2{background:#ff000080;grid-row-start:row-2-start;grid-column:col-start 2 / col-end 2}.el3{background:#00800080;grid-column:3 / 5;grid-row:row-1-start / row-2-end;grid-area:row-1-start / 3 / row-2-end / 5}.el4{background:#0004ff80;justify-self:center;align-self:center}