Размещено 1 год назад по предмету Информатика от superpuperstasya

100 баллов!Срочно нужна помощь с кодом html!После добавления какого-то нового вопроса старый текст едет, не могу понять и найти ошибку.Заранее спасибо!

Последнее фото не поместилось, там код для кнопки смены темы.

Пробую вставить код.Если что-то не отображается-все вопросы к знаниям.

Профиль

body {
font-family: 'Palatino', sans-serif;
background: linear-gradient(to bottom, CadetBlue 30%, SteelBlue 80%);
height: 100vh;
margin: 0;
display: flex;
flex-direction: column; /* устанавливаем направление элементов в столбец /
align-items: center; / выравниваем по центру по главной оси /
justify-content: center; / выравниваем по центру по поперечной оси /
color: Snow;
}
.theme {
background: linear-gradient(to bottom, Indigo 30%, DarkBlue 80%);
}
.grass-effect {
background: linear-gradient(125deg, rgba(255, 250, 250, 0.3), rgba(255, 250, 250, 0));
-webkit-backdrop-filter: blur(80px); / это вендорный префикс для свойства backdrop-filter, которое используется для применения размытия к элементу и его содержимому, не затрагивая содержимое. Это создает впечатление размытости заднего плана через прозрачные области элемента. /
backdrop-filter: blur(100px);
border: 1px solid rgba(255, 250, 250, 0.20);
border-radius: 32px;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.30); / box-shadow: [горизонтальное смещение] [вертикальное смещение] [размытие] [расстояние] [цвет]; /
width: 480px; / добавляем ширину элементу /
height: 200px; / добавляет длину элементу /
margin: 20px; / добавляем отступы /
display: flex;
justify-content: center; / управляет выравниванием элементов по главной оси /
align-items: center; / управляет выравниванием элементов по перекрёстной оси /
margin-top: 20px;
margin: 20px auto;
text-align: center; / Выравниваем текст по центру /
}
.content {
text-align: center;
}
.a1 {
position: absolute;
top: 1px;
right:10px;
background: linear-gradient(90deg, rgba(75, 0, 130, 0) 50%, rgba(255, 250, 250, 0) 50%);
color: white;
border: none;
padding: 10px 15px;
border-radius: 32px;
cursor: pointer;
margin-top: 20px;
}
.a2 {
border: none;
border-radius: 32px;
width: 300px;
height: 20px;
cursor: pointer;
box-shadow: 8px 0 32px 0 rgba(0, 0, 0, 0.30);
margin-bottom: 10px;
}
}
.a3 {
text-align: center; / выравниваем текст вопросов по центру */
margin-top: 1px;
}
.a4 {
border: none;
border-radius: 32px;
cursor: pointer;
box-shadow: 8px 0 32px 0 rgba(0, 0, 0, 0.30);
margin-bottom: 10px;
width: 150px;
height: 20px;
}
.a5 {
border: none;
cursor: pointer;
margin-bottom: 10px;
box-shadow: 8px 0 32px 0 rgba(0, 0, 0, 0.30);
margin-right: 60px;
}

Добро пожаловать! Заполните информацию о себе перед созданием профиля.

Укажите свое имя, фамилию и отчество:

Укажите свой адресс электронной почты:

Укажите пароль от электронной почты:

Ответ на вопрос

Ответ на вопрос дан evilforestart

После добавления какого-то нового вопроса старый текст едет
либо в .а5
margin-right: 60px; - удали
margin-left: 20px; - добавь
1. Ответ на вопрос
  
  Ответ на вопрос дан superpuperstasya
  
  Все равно не работает,но спасибо за попытку.
2. Ответ на вопрос
  
  Ответ на вопрос дан superpuperstasya
  
  я исправила все,дело было не в этом.если хочешь-могу отправить весь код куда-нибудь.
3. Ответ на вопрос
  
  Ответ на вопрос дан evilforestart
  
  мне незачем, проблема в том что непонятно что вы делали когда у вас все съезжало и куда, нужно видеть и понимать что вам надо, рад за вас, что разобрались
4. Ответ на вопрос
  
  Ответ на вопрос дан superpuperstasya
  
  Знания не дает возможности вставить код нормально,поэтому не смогла поставить задачу нормально.Все равно спасибо за попытку)
5. Ответ на вопрос
  
  Ответ на вопрос дан superpuperstasya
  
  Нужно было убрать выравнивание по главной и поперечной оси в body и настроить выравнивание рамки по центру.