Мне нужно центрировать элемент div для мобильных устройств. Это мой сайт: http://transporttest.cba.pl/
На мобильных устройствах div описания перемещается влево. Я пытаюсь использовать медиа-запросы, но это не работает. Что я делаю не так? На ПК все ок. Это фрагмент моего кода:
HTML:
♦ Od 1991 roku w branży.
♦ 9 zestawów (ciągnik+ naczepa firanka, colimulde).
♦ Uprawnienia ADR u każdego kierowcy.
♦ Warsztat obsługujący auta ciężarowe.
CSS:
#opis
{
font-size: 25px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-color: #F2F3F7;
height: auto;
width:72%;
display:inline-block;
text-align:center;
}
#container
{
text-align: center;
width:100%;
}
@media all and (max-width: 768px) {
#container{
wiidth:100%;
}
#opis,#opis_onas,#opis_dok,#opis_praca,#oskup,#opis_warsztat,#okredyt
{
left:25%;
top:25%;
position:absolute;
width:50%;
text-align:center;
}
#menudol{
text-align:center;
display: block;
margin: 0 auto;
}
}
@media all and (max-width:640px){
#container{
wiidth:100%;
}
#opis,#opis_onas,#opis_dok,#opis_praca,#oskup,#opis_warsztat,#okredyt
{
width:72%;
height:auto;
display:inline-block;
text-align:center;
margin: 0 auto;
}
#menudol{
text-align:center;
display: block;
margin: 0 auto;
}
}
Подробнее здесь: https://stackoverflow.com/questions/465 ... ia-queries
