(x)HTML/WML/CSS | Адаптация
854278358
Чего-то не пойму пишу так: 538 это минимум, а по скрину он остается даже при 375px (скрин) это розовая подложка под текстом, помогите
------
72829_.png (198.2 Kb)
Скачиваний: 211
css
@media (min-width: 538px){ .mx-auto span { display: flex; justify-content: space-between; background-color: green; height: 150px; padding: 5px 10px; align-items: center; margin-top: 20 !important; margin-bottom: 20 !important; padding-top: 20 !important; padding-bottom: 20 !important; border-radius: 5px !important; border-color: #f5f5f5 !important; border-width: 1 !important; background: linear-gradient(135deg,rgba(112,73,186,0.25),rgba(233,80,149,0.30)) !important; } } Изображение
------
72829_.png (198.2 Kb) Скачиваний: 211
Foxsa (23.06.2020 в 17:05) Чего-то не пойму пишу так: 538 это минимум, а по скрину он остается даже при 375px (скрин) это розовая подложка под текстом, помогите
Розовая обложка это другой div.
css
@media (min-width: 538px){ .mx-auto span { display: flex; justify-content: space-between; background-color: green; height: 150px; padding: 5px 10px; align-items: center; margin-top: 20 !important; margin-bottom: 20 !important; padding-top: 20 !important; padding-bottom: 20 !important; border-radius: 5px !important; border-color: #f5f5f5 !important; border-width: 1 !important; background: linear-gradient(135deg,rgba(112,73,186,0.25),rgba(233,80,149,0.30)) !important; } }
NOeasyKiDD , это span
________
посл. ред. 23.06.2020 в 17:36; всего 1 раз(а); by Foxsa
html
<h1 class="mx-auto"><span>ПЕРСОНАЛЬНЫЕ ПОМОЩНИКИ В СТАВКАХ<br> Специально разработанные боты для ставок в играх 21 ОЧКО</span></h1> ________
посл. ред. 23.06.2020 в 17:36; всего 1 раз(а); by Foxsa
Foxsa (23.06.2020 в 17:34) NOeasyKiDD , это span
разве этот span (и не надо подгонять?)
html
<h1 class="mx-auto"><span>ПЕРСОНАЛЬНЫЕ ПОМОЩНИКИ В СТАВКАХ<br> Специально разработанные боты для ставок в играх 21 ОЧКО</span></h1>