body{ max-width: 1200px; margin-left: auto; margin-right: auto; font-size: 20px; font-family: Helvetica; } .result-card{ display: grid; grid-template-columns: 1fr 7fr; margin-top: 20px; word-break: break-all; overflow-wrap: break-word; line-height: 1.6em; } #content{ padding: 5px; } .ranking{ font-size: 200%; display: flex; justify-content: center; align-items: center; } .result{ background-color: #e5e5e5; padding: 8px; border-radius: 8px; } a{ color: black; } h1{ font-size: 123%; } @media only screen and (max-width: 600px) { body{ font-size: 16px; } }