Order Summary Component

Please log in to post a comment
Log in with GitHubCommunity feedback
- @VenusY
Great work on this solution! You've done a good job of replicating the design of the page and also making it responsive.
I did notice one small issue, however, which is that the top part of the card gets cut off when you shrink the viewport height to the point where the card has a greater height than the viewport. In other words, when the content no longer fits on the screen in its entirety.
This issue is caused by the height of the body being set to 100vh.
To solve this issue, you would usually make the simple change of swapping
height
withmin-height
.However, I see that you're using Tailwind, so I believe the class you should use to achieve this is called
min-h-screen
.Other than that, this is a very good solution!
Hope this has been helpful, and good luck with your future projects! :)
Marked as helpful
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