Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Mobile-Only Navigation Menu Toggle

Solution: Mobile-Only Navigation Menu Toggle

Let’s switch between mobile and desktop navigation based on screen width.

We'll cover the following...

Problem description

Given an HTML page with two navigation sections:

  • <nav class="mobile-nav"> contains a vertical list of links for mobile.

  • <nav class="desktop-nav"> contains a horizontal list of links for desktop. ...