Как сделать простой гамбургер на css с использованием media запроса?

Question

[Евгений Капаченя]

Необходимо что бы при дисплее меньше 760 исчезал список и появлялась кнопка, не дублируя список в html.

HTML

• News
  
• Economic
  
• Science and Technology
  
• Entertainment
  

CSS

media all and (min-width:300px) and (max-width:760px) {
.menu {
display: blok;
}
}

Comments

[Даниил Маслов]

display: block;

Answer 1

[азаза]

https://www.magentawave.com/2016/09/css-responsive...

Comments

[Евгений Капаченя]

Спасибо, отличный пример.