Блог

у меня есть веб-сайт, выполненный в html и css, я использовал медиа-запрос, потому что в мобильном представлении одна строка на моем веб-сайте показывала неправильное выравнивание, поэтому id выполнил следующий код для мобильных устройств:

 @media only screen and (max-width: 600px) {

#zayan {margin-left: -20%;}
#amir {margin-top: -20%; width: 100px;}
#amir h5 {font-size: 12px; margin-left: -40%;}


}  

теперь я проверил это на своем мобильном телефоне redmi note 8, и он показывал идеальный результат, но когда я проверил его на своем redmi 7 и другом устройстве, он сработал неправильно,

может кто-нибудь, пожалуйста, скажите мне, что здесь может быть не так. заранее спасибо

Я пробовал это на своих устройствах, и я надеюсь, что это сработает для вас

 @media all and (max-width: 600px) {

    #zayan {margin: auto; }
    #amir h5 { font-size: 12px; }
    #amir { margin-top: -20%; }

    .card-body{ padding: 0px !important; }

}