Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Fullscreen Section with CSS-Only Carousel Effect

Solution: Fullscreen Section with CSS-Only Carousel Effect

Let’s display only the selected fullscreen slide using radio buttons and CSS.

We'll cover the following...

Problem description

Given a <section class="fullscreen-section"><input type="radio" ...><div class="slides"><div class="slide"></div>...</div><div class="nav"><label for="slideX">...</label></div></section> structure, write CSS to create a fullscreen, ...