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
move your css styles to “css” portion in codepen
have you worked with “grid / flex”
are you using any media queries? for layout changes!
hello, thanks for the reply
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.
The CSS box alignment module specifies CSS features that relate to the alignment of boxes in the various CSS box layout models: block layout, table layout, flex layout, and grid layout. The module aims to create a consistent method of alignment...