Привет! Сегодня вы узнаете как можно изменить CSS стили на мобильной версии сайта. Вы можете сделать так, чтобы изменённые стили отображались только на мобильном устройстве. Вы можете указать максимальный размер экрана, на котором будут отображаться изменённые CSS стили.
Пример CSS стилей для мобильных устройств:
@media screen and (max-width: 650px) {
.post-item .post-title {
margin: 10px;
padding: 9px;
font-weight: bold;
}
}
Разберём стили:
1 строчка — здесь показана максимальная ширина экрана, на которой будут отображаться данные CSS стили.
2 строчка — название элемента, который вы хотите изменить.
3,4,5 строчка — CSS стили.
