.post-text, .ltb-title, .post, .postnav { text-align: center; } .navigate { width: 70%; margin: auto; } .content-box, .projects-box, .posts-box { display: flex; /* defines flexbox */ flex-direction: column; /* top to bottom */ justify-content: space-between; /* first item at start, last at end */ position: relative; } .projects-box { height: 350px !important; } .posts-box { height: 250px !important; } .content { margin: auto; max-width: 40%; } @media (max-width: 1000px) { .content { max-width: 60%; } } @media (max-width: 800px) { .content { max-width: 70%; } } @media (max-width: 400px) { .content { max-width: 80%; } } .post-content { max-width: 50%; text-align: justify; font-size: 1.5em; } @media (max-width: 700px) { .post-content { max-width: 70%; } } @media (max-width: 500px) { .post-content { max-width: 90%; } } .rounded-button { border-radius: 13px; } .maxinput { background-color: grey; } .maxwarn { margin-top: 15px; } .footer { margin-top: 10%; } .editor { height: 100% !important; }