HTML и css, связанные с медиа-запросами

Question

Я пытаюсь создать навигацию в нижнем колонтитуле для экранов с размером экрана 768 и более (размером с планшет). Я закончил свой первый мобильный подход с навигацией нижнего колонтитула, но с увеличением следующего размера я хочу добавить больше элементов списка в навигацию. как мне это сделать, чтобы они не были в моем первом мобильном макете?

Answer 1

1. Сначала добавьте списки, а затем дайте ему идентификатор или класс

2. Затем в своем коде css используйте идентификатор или класс и установите его видимость = "hidden"

   list {visibility: "hidden"}

3. Теперь напишите свой медиа-запрос и установите visibility = "visible" @media screen и (min-width : 768px) {#lists {visibility: "visible"}}