Страница по ширине экрана

Что указать в стилях для отображения по ширине экрана Сейчас это выглядит так

.main
{
  height:100%;
  width:100%;
   background:url("http://alter.academy/wp-content/uploads/2024/01/back_doors.jpg");
  color: #ffffff; 
}
title-alter, h1,h2,h3
{
  text-align: center;
}
.logo-alter
{
  display:flex;
  width:10%;
  margin:auto;
}
.title-alter
{
  display:flex;
  width:20%;
  color: #ffffff;
   margin:auto;
}
.registration-cssave{
  padding:50px 0;
}

.registration-cssave form {
  max-width:300px;
  padding:50px 70px;
  margin:auto;
 }

.registration-cssave form h3 {
  font-weight:bold;
  margin-bottom:30px;
}
.registration-cssave .item {
 background: transparent;
  margin-bottom:25px;
  padding:10px 20px;
  border: 4px double #fff;
font-size:22px;
}
.registration-cssave .create-account
{
  padding:10px 20px;
  font-size:18px;
  font-weight:bold;
  background-color:#3f93ff;
  color:white;
  margin-top:20px;
  border: 4px double #fff;
  background: transparent;
}

@media (max-width: 576px) {
  .registration-cssave form {
    padding:50px 20px;
  }
}

Вариант изменения размеров с процентов на vw, vh не принесли желаемого результата

• Тема изменена 4 месяца, 1 неделя назад пользователем intman1958.

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]