Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Simple Adaptive Fullscreen Hero Section

Solution: Simple Adaptive Fullscreen Hero Section

Let’s create a fullscreen hero section that centers its content on any screen size.

We'll cover the following...

Problem description

Given an HTML file with a single <section class="fullscreen-section"> element, write CSS to make sure this section always fills exactly 100% of the viewport height, regardless of device or screen size. Do not use ...