@Murat-cmd
@malek-bt
Submitted
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.
@Murat-cmd
Posted
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.
Marked as helpful
@Cauanz
Submitted
(For some reason this only works in chrome, measurements are wrong in other browsers). I probably fixed this problem
@Murat-cmd
Posted
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!
