Intermediate CSS lesson 321 Flexbox Layout

[danarddaniels]

Is there a special way to solve the given problem? I was able to create the same layout, but my solution was not accepted.

.container { display: flex; flex-direction:column; gap: 5px; border: 3px dashed; padding: 1rem; height: 80%; } .header, .footer, .sidebar, .main { background: #dcdc27; border: 3px solid; } .main{ flex-grow:1; } .content{ display:flex; gap:5px; height: 100%; }