я пытался сделать изображение в центре экрана и минимизировать размер на мобильном дисплее! в моем файле css у меня есть медиа-запрос
@media only screen and (min-width: 768px) {
.wolver { display:block; width:100px; margin:40px auto !important;}
}
HTML-код для изображения
<img src="img/icons/wolverhampton.png" class="wolver"/>
Примечание. Я использую базовую структуру
Может ли кто-нибудь помочь мне с этой проблемой?
min-width
будет применять содержащиеся стили на экранах шире 768px. Чтобы применить CSS на экранах размером менее 768 пикселей, вы должны использовать max-width
.