.box { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; } div.webmention.reply { display: flex; flex-direction: row; } div.author-card-content { flex-grow: 1; } nav.site-menu ul { display:flex; flex-wrap: wrap; justify-content: left; list-style-type: none; margin: 0; padding: 0; } nav.site-menu ul li { padding: 0.5em 0.5em 0.5em 0.5em; } nav.paginator ul { display: flex; justify-content: space-between; list-style-type: none; padding-inline-start: 1em; padding-inline-end: 1em; } /* Define grid layout for wide screen browsers */ div.content-box { grid-area: content; } div.asides-box { grid-area: aside; } @media only screen and (min-width: 922px) { div.asides-box { max-width: 350px; border-left: thin solid; margin: 1em; } main { display: grid; grid-template-columns: 1fr 350px; grid-template-areas: "content aside"; } }