@MelvinAguilar
Posted
Hello there 👋. Good job on completing the challenge !
I have some suggestions about your code that might interest you.
-
You should remove the
overflow: hidden
from the body element. This could prevent scrolling, and you should test your solution on a mobile device in landscape orientation, where you might notice that the content doesn't fit on the screen, and the use ofoverflow: hidden
prevents scrolling.The scroll issue in your solution is caused by the default margin of the body tag. You should set its margin to 0 or use a CSS reset to clear default styles imposed by the browser.
- Define the height of the image using fixed units such as pixels/rem/em. On my laptop, the image stretches too much because of using
height: 35%
.
I hope you find it useful! 😄
Happy coding!
Marked as helpful