.container { min-height: 100vh; background: linear-gradient(68.66deg, #0f1011 0%, #010242 100%); color: #ffffff; overflow: hidden; display: flex; flex-direction: column; } .contentWrapper { display: flex; flex: 1; align-items: center; justify-content: center; padding: 50px 0; } .contentSection { padding: 0 5%; } @media only screen and (min-width: 1023px) { .contentContainer { display: flex; } } @media only screen and (max-width: 1023px) { .container { text-align: center; } }