Center Elements Vertically And Horizontally

Quick Tip: The Simplest Way To Center Elements Vertically And Horizontally https://t.co/0JuOMJj8kP

— Tutorialzine (@Tutorialzine) April 16, 2016

The HTML

<div class="container">
    <!--// Any content in here will be centered.-->
    <img src="fireworks.jpg" alt="fireworks">
</div>

The CSS

.container{
    display: flex;
    justify-content: center;
    align-items: center;
}