Order Summary Card using HTML/CSS

Solution retrospective
All feedbacks is welcome.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @juanpb96
Hi Harsh 👋
Your solution looks great! 👍
I think you can consider some points to improve your project:
- You can improve you HTML structure by including more semantic tags. For example, your
<div class="main">
could be<main>
. - The background is disappearing in desktop screens, have you added the correct image path?
- Card spacing is too small, maybe you can check your styles and add some padding 🤔
- Try to use CSS pseudo elements (
::before
or::after
) to avoid unnecessary HTML elements such as<div class="bg_image">
Hope this can help 😃
- You can improve you HTML structure by including more semantic tags. For example, your
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