Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: CSS-Only Modal Centering with Fallbacks

Problem: CSS-Only Modal Centering with Fallbacks

Try to 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 element sized 300px by 200px. The task is to center ...