Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Adaptive Fullscreen Section With Mobile-Safe Height

Solution: Adaptive Fullscreen Section With Mobile-Safe Height

Let’s fill the viewport using dynamic height with a fallback and center the content.

We'll cover the following...

Problem description

Given a <section class="fullscreen-section">, write CSS to make the section fill the visible ...