How can I center align a section using HTML code?

Technical Q&A
1

Im new to coding and started only to develop my website a little further. I spent hours just getting the little done that I have but I’m stuck trying to get the section centered to the page. It looks great on the desktop editor and mobile setting on the editor, however when I go into full screen or load my website on a different tab the section is on the far left of the screen rather than being in the middle. I 'll attach my code to the question if any one could help.

the site is goldensocksclub.com the section before the newsletter
2

hello @goldensocksclub

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 749px) {
#shopify-section-1627202104be53bc48 .page-width .parent{
   display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}
#shopify-section-1627202104be53bc48 .page-width .parent .child{
	flex: 0 0 20%;
}
}
3

thank you it worked

4

thank you it worked