I cannot get these two boxes to move to the center of the page

[TristanP]

Hi there! I must be overlooking something really simple, and I apologize for that. But I think I have tried everything to try and center two boxes on my pages. Basically I want them to sit as closely to each other as possible. I think i am overlooking something really simple here in flexbox settings?

[tristup]

Hi Tristan,

Thanks for reaching out.
I have checked the given page URL and found that a fixed width value of 800px is set to the Second Column and no width is set to the First Column. I would suggest you set 50% of width to make these two columns equal width.

Hope it helps.
Thanks

[TristanP]

Hi there,

Thanks for that! I have all elements in that section where flexbox applies set to align to the left. But for some reason, when going to a smaller screen, the ‘written by…’ and ‘reviewed by…’ boxes line out to the right? Would you mind having one more look?

[marc_a]

Hi Tristan,

The reason why it is aligned to the right on the mobile is because of the fixed with 800px you added in the row. I suggest that you use the Responsive Styling option to set the width of your parent row to auto. I am referring to this row.

To know more about responsive styling, please check this out.

• https://www.youtube.com/watch?v=JCJkQazeRQU&feature=emb_title

Hope that helps.

[TristanP]

Thanks! Still have to get used to the responsive styling options.

[tristup]

Hi Tristan,

Glad that we are able to help you.

Thanks