body { background: #191c2e; } main { position: absolute; padding: 0; margin-left: 32px; margin-right: 32px; margin-top: 86px; width: calc(100% - 86px); height: calc(100% - 150px); border: 4px solid #690455; border-radius: 12px; } .content { margin: 12px; padding: 12px; height: calc(100% - 86px); } #content-boxes { columns: 3; height: 100%; display: flex; list-style: none; } .content-box { background: #21253c; border: 4px solid #690455; border-radius: 12px; margin-right: 32px; width: calc(100% / 3); height: auto; position: relative; display: inline-block; padding: 16px; text-align: center; } .content-box-heading { font: bold 24px Roboto; color: #FFFFFF; width: 100%; } .content-box-data { font: normal 18px Roboto; color: #FFFFFF; width: 100%; } .content-box-data ul { margin: 0; padding: 0; list-style: none; }