Need Help

[Morrisons]

So I am currently coding a website I need help to position these divs to the center of the div please help.

https://i.imgur.com/WauNnEZ.png

 

[Waitrose]

Add me on discord: Fudge#0699

 

[Morrisons]

Discord does not work please check your Discord name.

 

[tiehm]

So I am currently coding a website I need help to position these divs to the center of the div please help.

https://i.imgur.com/WauNnEZ.png

margin: 0 auto;

 

[Morrisons]

This didn't work.

 

[tiehm]

This didn't work.

Then you did it wrong.

Share the code with me and I can tell you why.

 

[1017Ethan]

If you're using Bootstrap wrap the div in a container.

 

[bigthicc]

i would suggest using a grid system since grid is bae, but what you can do is:
1. Wrap the three divs in one single div and give it a class like "wrapper" or something
2. set its width to 70% in styles.css or inline css (whichever you are using)
3. set margin-left to 15% and margin-right to 15%
4. if the thing is too wide, than you can set the wrapper div's width to 60% and set margin left and right both to 20%
5. Notice in each example 70% + 15% + 15% = 100% of the width Or 60% + 20% + 20% = 100% of the width
Ye i hope this works for you

 

[snakes]

i would suggest using a grid system since grid is bae, but what you can do is:
1. Wrap the three divs in one single div and give it a class like "wrapper" or something
2. set its width to 70% in styles.css or inline css (whichever you are using)
3. set margin-left to 15% and margin-right to 15%
4. if the thing is too wide, than you can set the wrapper div's width to 60% and set margin left and right both to 20%
5. Notice in each example 70% + 15% + 15% = 100% of the width Or 60% + 20% + 20% = 100% of the width
Ye i hope this works for you

Pretty sure he is using bootstrap, which is supposed to do this stuff for you.

Also, for the same thing you just posted you could just use

width: 70%;
margin: 0 auto;

 

[bigthicc]

Pretty sure he is using bootstrap, which is supposed to do this stuff for you.

Also, for the same thing you just posted you could just use

width: 70%;
margin: 0 auto;

he said margin: 0 auto isnt working for him thats why

 

[snakes]

he said margin: 0 auto isnt working for him thats why

He's most likely not setting the width of it, which makes it expand by default

 

[bigthicc]

He's most likely not setting the width of it, which makes it expand by default

ye thats probably the problem

 

[Glitch]

Bootstrap:
mx-auto or justify-content-center

CSS:
display: block;
margin: 0 auto;