Hello, thank you for coming and looking at my code!
This is my solution for this challenge, i'm very happy to complete this challenge . I hope it's up to the standards, but if it's not, please feel free to tell me!
Thank you in advance.
Setting body height to 100vh(VH stands for viewport height) will remove the scrolling! Another fun fact: If you set the margin to 0 and height and width to 100vh and 100vw (VW stands for viewport width) in the "body" , you would have a canvas to paint with beautiful UIs with no scrollbars, and it will always cover 100% of the entire webpage on any resolution or size.
(For some reason this only works in chrome, measurements are wrong in other browsers). I probably fixed this problem
Not entirely, Maybe Measurements are wrong in the code, I would recommend using percentages for values like height, margin, and width. Making good use of Space using Grid Layout and Line-Height may help fix this problem for different screen sizes. Decluttering the code and marking up elements properly with browser compatibility is the best you can do! Hope this Helps!
