Trying to rearrange boxes/divs

im making a website and got stuck on an issue. im trying to rearrange the boxes to be positioned in a certain way, and positioned in the middle of the page at all times, even if the page is resized by zooming in or out

this is my code:

and i made an example for the look im trying to achieve:


can someone please explain what code i need to use to achieve this?
my header also disappeared for some reason when i load the code through codepen, and im not too sure what thats about

hello and welcome to fcc forum :slight_smile:

  • move your css styles to “css” portion in codepen
  • have you worked with “grid / flex”
  • are you using any media queries? for layout changes!

happy coding :slight_smile:

1 Like

hello, thanks for the reply :slightly_smiling_face:

alright, ill do that

i have not worked with grid/flex before

what do you mean by media queries?

Welcome to the community!
In addition to the excellent assistance provided by @bappyasif, you may also wish to check the following site for assistance.

Happy coding! :slight_smile:


thank you! :slightly_smiling_face:

ill look into it

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.