Question

Добрый день. Подскажите пожалуйста как поставить 2 баннера в ряд на адаптивном дизайне на сайте https://seobiznes.net   Есть такой код:  <div class="banner" align="center"> <div id="Баннер 1" async></script></div> <div id="Баннер 2" async></script></div> </div></div>  .banner [id^="linkslot"],.banner [id^="linkslot"] * {  max-width: 100% !important;  height: auto !important; }  Баннеры расположены один под одним. Нужно сделать чтобы что бы на компьютерной версии баннеры располагались в ряд вот так:  https://ibb.co/c60h6r1  А на мобильной адаптации располагались друг под другом и не ломали дизайн, вот так:  https://ibb.co/FgCssb1  Помогите исправить код.

Answer 1

Корректней ваши стили исправить и сделать такими:

.banner [id^="linkslot"],.banner [id^="linkslot"] * {
 display: inline-block;
 max-width: 100% !important;
 height: auto !important;
}