1

http://robloxseller.ru/ При уменьшении экрана (830px) футер должен делится на 2 колонки, а потом на 4, но он даже на 2 не делится при 830px

@media screen and (max-width: 830px) {
.footer-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1em;
}

при этом классы указаны верно, но не работает

1 ответ 1

1

В HTML Вы подключаете файл стилей footer.css после файла стилей media.css, тем самым переопределяя правила, заданные в файле media.css. Поставьте подключение файла media.css самым последним.

введите сюда описание изображения

3
  • Спасибо большое. P.S Сколько всего я не знаю...
    – WebStud
    1 сен 2019 в 14:51
  • @WebStud, если ответ помог, можете пометить его решением. Скриншот галочки отметки: bit.ly/2Hss3VA
    – hisbvdis
    1 сен 2019 в 14:56
  • Да, конечно, забыл случайно)
    – WebStud
    1 сен 2019 в 16:19

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.