Beginner's guide to CSS Flexbox
Flexbox is a CSS layout model used for aligning group of items in a container more efficiently. Flexbox allows the container to alter the width, height, and order of items inside it. It is also used to make the website responsive as it gives freedom...
harshkunte.hashnode.dev7 min read
Nicolas Barlatier
under the center section we have
.container{ display: flex; justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; }
It would be better to add:
.container{ display: flex; justify-content: center; }
And do this for each section, it would be easier to follow