div.App { height: 100vh; width: 100vw; line-height: 1.25em; h1 { font-size: 2em; padding: 1em 0; } h3 { font-size: 1.25em; padding: 0.5em 0; } h5 { font-size: 1.1em; padding: 0.1em 0; font-weight: 800; } div.PhonoChangeApplier { display: grid; width: 100%; place-items: center center; grid-template-columns: repeat(auto-fit, minmax(20em, 1fr)); grid-template-rows: repeat(auto-fill, minmax(300px, 1fr)); div { width: 100%; max-height: 85vh; margin: 1em; overflow-y: scroll; } } }