Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Absolute-Position Centering inside a Padded Container

Problem: Absolute-Position Centering inside a Padded Container

Try to center an absolutely positioned element within a padded container using percentage offsets and CSS transforms.

We'll cover the following...

Problem description

An .outer container is relatively positioned with 2rem padding and contains an absolutely ...