Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Promotional Banner Visibility

Solution: Promotional Banner Visibility

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 banner sections:

  • <div class="desktop-banner"> contains a promotional image for desktop.

  • <div class="mobile-banner"> contains a promotional image optimized for mobile. ...