Подсказака - css в строке с html - правки...

[wwizard]

Добрый день - плохо понимаю как правильно сделать отдельно в файле с css - поэтому решился на правки в модуле с HTML

 

Что прописал:

<div class="flex-row hp-banners-item">
			<p><a href="#">Професійне чищення кондиціонера</a></p>
                        <p><span>500 – 1200 грн.</span></p>
                        <p><a href="#"></a></p><p style="background: #1071dc; border:3px #fff ridge; width: 200px; padding: 3px 0 3px 10px; margin:10px;"><a href="#">Детальніше</a></p>
			<img alt="" src="image/catalog/banners/banner-slide1-min.png">
		</div>

 

Что пытаюсь добиться:  (ссылка на ресурс)

Ссылка на картинку - ссылка

 

Т.е. мне надо - в блоке кнопку подвинуть по центру, сделать при наведении смену фона кнопки и чтоб надпись не съезжала между моб и ПК версией страницы.  Нужна подсказка как это сделать правильно. Буду очень признателен. Спасибо.

[esculapra]

Открой какой-нить файл стилей, там есть типа

Цитата

@media (min-width: 768px) {
    .image-radio img{
        max-width: 39px;
    }
}
@media (min-width: 992px) {
    .image-radio img{
        max-width: 41px;
    }
}
@media (min-width: 1200px) { 
    .image-radio img{
        max-width: 44px;
    }
}

Это стили под разные разрешения. Где-то у меня было прога, которая выдавала код под разные типы мониторов - поищу.

[esculapra]

Прогу не нашел - та у меня на компе куча всякой хрени. Но нашел сервис, где онлайн можно получить оболочку кода под конкретные модели мобил. https://simplecss.eu/