Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: CSS-Only Modal Centering with Fallbacks

Solution: CSS-Only Modal Centering with Fallbacks

Let’s center a fixed-size modal in the viewport using CSS transforms.

We'll cover the following...

Problem description

A .modal-backdrop spans the entire viewport and contains a .modal ...