@media only screen and (min-width: 600px) { content { min-height: 60vh; } details { display: none; } #sidebar { display: flex; flex-direction: column; margin-left: 2rem; } #main { padding-top: 1rem; } footer { padding-left: 10px; padding-right: 10px; flex-direction: row; } .infobox { text-align: left; } .minmax { width: calc(100vw - 5rem); max-width: 800px; } article { margin-left: 1rem; } .articlemeta { margin-bottom: 1.5rem; } .articletext { margin-top: -0.4rem; } .articleinner { display: flex; flex-direction: row; } }