Greetings! 👋 Congratulations on completing the challenge.
I have some suggestions for improvements:
- Consider using
min-height: 100vh
in the body instead ofheight: 100vh
. This is becauseheight: 100vh
may cause the component to be cut off on smaller screens.
Explanation:
- If we set
height: 100vh
on the body, then body will always be 100% viewport’s height regardless of the content. So if the content is more than 100vh, it would be cut off. - If we replace this with
min-height: 100vh
and leave height as its default value, then the body’s height would minimally be at 100vh but can still grow beyond 100vh depending on the content.
I hope this helps and happy coding! 😊
Marked as helpful