Create A Responsive Order Summary Component!
Design comparison
Solution retrospective
Any suggestions or recommendations are very much welcomed!
Thanks everyone!
Community feedback
- @CreatiqueMediaPosted about 2 years ago
Hey, Deniel Den, thanks for the great feedback man!
I totally appreciate the feedback!
I actually completely forgot to add the min-height property and realized that after viewing the page on my mobile phone!
Thanks again and about rem!
BTW, read this article here and let me know if you still want to use REMS:
- https://engageinteractive.co.uk/blog/em-vs-rem-vs-px
This is why I still use px in my CSS!
0 - @denieldenPosted about 2 years ago
Hello Creatique, You have done a good work! 😁
Some little tips to improve your code:
- fix the
url
of top bg image in the body - add
main
tag and wrap the card for improve the Accessibility - use
min-height: 100vh
to body instead ofheight
, otherwise the content is cut off when the browser height is less than the content - instead of using
px
use relative units of measurement likerem
-> read here
Keep learning how to code with your amazing solutions to challenges.
Hope this help 😉 and Happy coding!
0 - fix the
Please log in to post a comment
Log in with GitHubJoin 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