Website pages layout is messy

[UE2lab]

Select Topic Area

Bug

Body

Hi everyone!

I am here to find answers related to my messy website layout. I have my website page description is messy and has different margin sizes for each content. Now, i am still finding a way to solve it but i haven't got any. So, I hope I can get the answers from you guys! Thank you !!

it is supposed to be centered and having same indent for every content like this:

[ananuness]

Okay, so first, it would be nice if you showed the code structure, but a good solution is:

1- See where there are margins and remove them to do it from scratch without having conflicts.
2- Enclose all content to be centered by a div, or even the main tag. And in this tag you would apply the margins.
3- As you just want to centralize, you can use:

/* 0px top and bottom, auto both sides to centralize */
margin: 0 auto;

I hope it helps!

[UE2lab]

Thank you for the reply. However, I still failed to manage it. Here I am providing the code structure the main css https://github.com/UE2lab/UE2lab/blob/gh-pages/css/main.scss and the HTML page https://github.com/UE2lab/UE2lab/blob/gh-pages/_layouts/research.html

Do you know if there is anything related here to fix my problem?

Thanks!