Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Fullscreen Section with Responsive Padding

Solution: Fullscreen Section with Responsive Padding

Let’s apply responsive padding and center content within a fullscreen section.

We'll cover the following...

Problem description

Given a <section class="fullscreen-section">, use media queries to provide padding: 24px on small screens, and ...