.title-box { text-align: center; width: 50%; } .form-container { margin-bottom: 20px; padding: 0; width: 100%; } .form-container label { display: flex; align-items: center; margin: 20px 0; } .form-container input[type="radio"] { margin-right: 10px; width: 20%; } .calendar { border: 1px solid; padding: 10px; } .possible { position: fixed; right: 0; top: 60%; transform: translateY(-50%); width: 20%; border: 1px solid black; padding: 20px; margin-right: 2%; } .row { display: flex; justify-content: center; } .closedFalse { display: flex; flex-direction: column; align-items: center; } @media screen and (max-width: 768px) { .possible { position: static; width: 40%; margin: 200px 20px; } .flex-row { flex-direction: column; width: 100%; } }