Trying to rearrange boxes/divs

HTML-CSS
1

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: https://codepen.io/anonymousredfox/pen/VwVBvEZ

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

example2

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

2

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
3

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?

4

@RedFox2
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:

2 Likes
5

thank you! :slightly_smiling_face:

ill look into it

1 Like