Finding what is off with my margins.
When I lower my size to lower sizes, I get a horizontal scrollingbar, and a white area to the right of everything.
What is a good way to find what is causing this? If I set Margin to Auto, I get the same area on the left aswell.
https://i.imgur.com/P5xNCnC.png
https://astrigot.com/
Astrigot.com
Astrigot is an AI-powered text generator that helps you create letters, speeches, cover letters, and more. Save time and effort with our AI-driven writing assistant.
11 Replies
trial and error
in my experience, it's some element that's too big
press f12 and use the element inspector
Ive been trying, im going to go insane, its such a small detail but it drives me nuts
the title at the top
in fact, all the titles
they don't shrink enough
Is that what is causing it?
it is certainly many of the things causing it
😄
This is my first page,
So Ive done all the errors
you won't learn if you don't try
and that rotated text is all over the place, on mobile
Ill dig into it
Thank you.
you're welcome
you did made a mistake that'll cost you a fair bit
you have all the font sizes in pixels
if you had with
rem, you could easily scale everything by changing the font size of the htmlwhenever I have an unknown white space, I use this to help me find the issue:
adjust the border size or apply it to any section elements you suspect is causing the issue
then open your inspector and click on the element that is in the unwanted white area
don't use border, because it changes the dimentions of the elements
use outline, which has the same effect but doesn't change the width and height
but otherwise, that's actually great advice