Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Fullscreen Section with Split Layout (Vertical Halves)

Solution: Fullscreen Section with Split Layout (Vertical Halves)

Let’s split a fullscreen section into two equal halves with centered content and distinct backgrounds.

We'll cover the following...

Problem description

Given a <section class="fullscreen-section"><div class="left"></div><div class="right"></div></section>, write CSS so the section is ...