Design comparison
Solution retrospective
the most difficult part is trying to style the box itself, like i need to change it multiple times, at first it was perfect before adding the text then after adding the text it start to change shape and become not similar, next is trying to style for different view such as mobile phone view where i need to try and error several time, overall it was nice practice for me
Community feedback
- @NaQu2003Posted about 1 year ago
Hi, great job i have one advice to tell you :D I hope you will find this usefull ;)
Use min-height: 100vh for body instead of height: 100vh. Setting the height: 100vh may result in the component being cut off on smaller screens, such as mobile devices in landscape orientation
Of course it's not needed in that project, but for future challanges that you will take it can be usefull :)
Marked as helpful0@jxckfrostPosted about 1 year ago@NaQu2003 Thank you for that! I'm still in the learning process so I still unsure what each of the line of codes might have impact on different occasions and so on, thank you for the heads up!
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord