Responzivní design

Zúžíte-li okno, menu se změní na svislé:

• raz
• dva
• tři
• čtyři
• pět

V CSS to zajistí pravidla, která prvku <li> jako výchozí režim zobrazení nastaví blok a při překročení šířky okna 40rem jej změní na blok uvnitř řádku:

li {
    display: block;
}

@media (width >= 40rem) {
    li {
        display: inline-block;
    }
}