Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Full Centering (Both Axes) with Flexbox

Problem: Full Centering (Both Axes) with Flexbox

Try to use Flexbox properties to center a child element perfectly both horizontally and vertically within its container.

We'll cover the following...

Problem description

A flex container measures 400px by 200px and contains a child .box. The task is ...