Задать вопрос
@cainiao
我是一只菜鸟

Как реализовать адаптивную боковую сноску?

Пилю для себя блог на Вордпрессе, до этого никогда не занимался версткой, только немного изучал теорию. Взял подходящую тему, адаптирую ее под себя. Возникла трудность с одним элементом. Хочу сделать боковую сноску, как на Медиуме, но справа. Думаю, это нужно делать через тег <aside>. В развернутом окне это сделать получилось, но теперь хочу, чтобы в свернутом окне или на более узких экранах (меньше 1500px) эта сноска встраивалась в колонку с текстом. Делаю через @media:

@media (max-width: 1500px) {

 .aside-right-margin {
   float: none;
   margin: auto;
   text-align: center;
}
}

Выглядит это вот так (за красной левой чертой), изменений не происходит. В панели разработчика Гугл Хрома пишет media="screen, print", заданной ширины нет. В чем может быть ошибка?
  • Вопрос задан
  • 146 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
isqua
@isqua
Научу HTML, CSS, JS, BEM и Git
У вас в селекторе .arc2 th у font-family не закрыт апостроф, и всё, что ниже, считается внутри свойства font-family.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы