div { display: grid; grid-template-columns: 2fr 1fr; } #weeknotes-section { grid-column: 2 / 3; } #written { grid-row: 1; grid-column: 1 / 2; } #weeknotes-list { padding: 0; margin: 0; display: flex; flex-direction: row; column-gap: 1rem; list-style: none; flex-wrap: wrap; } h2 { margin: 0 0 1rem 0; } #weeknotes { margin: 0; } @media (max-width: 30rem) { div { display: flex; flex-direction: column; } }