CSS center

Centering element using CSS

To make the object have vertical and horizontal center we can use 2 option, position absolute and flex. Position absolute will be good for centering simple object, but it will be complicated when using it in object who has dynamic height, that why we will use flex for that.
Below is the sample code for absolute and flex

Centering using position absolute:

See the Pen CSS Center Absolute by hari (@zenasen) on CodePen.

Centering using Flex

See the Pen CSS Center flex by hari (@zenasen) on CodePen.