In this example we use flex in the .container to create a two‑column layout.
flex: 1 in main and aside ensures that both elements expand proportionally.
min-width in main and aside ensures they maintain an adequate minimum width.
The @media query changes the layout to a single column on devices with a maximum width of 768px.
This final division spans both columns and is placed vertically on small screens.