Топ дня: Something

Чего-то не пойму пишу так:

@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;

   }

   }

538 это минимум, а по скрину он остается даже при 375px (скрин) это розовая подложка под текстом, помогите

Изображение

------
72829_.png (198.2 Kb)
Скачиваний: 163

Розовая обложка это другой div.

NOeasyKiDD, это span

<h1 class="mx-auto"><span>ПЕРСОНАЛЬНЫЕ ПОМОЩНИКИ В СТАВКАХ<br>

                         Специально разработанные боты для ставок в играх 21 ОЧКО</span></h1>

________
посл. ред. 23.06.2020 в 17:36; всего 1 раз(а); by Foxsa

разве этот span (и не надо подгонять?)