Local Weather App-Need Help

Hello. I needed little help
I want to center the card section within the content section so that card section appears just below the heading of content section. Right now it stucks to left. How can i do this using CSS Flexbox.

Here is my codepen link

Repeating the margin part of your wrapper class works for me.
So either add “margin: 40px auto 0 auto;” to your .content .card CSS, or add the wrapper class to your div element.

Thanks for your reply jurjen-s. I want to add a little information
If we add margin:auto in .content.card class then that will also center the child element to center of page.