Submitted about 1 year ago
Order summary card using HTML and CSS
@roraima1986
Design comparison
SolutionDesign
Community feedback
- @petritnurediniPosted 10 months ago
Congratulations on completing your Order Summary Card project! Here are some recommendations to improve your code:
- Semantic HTML: Use semantic HTML elements like
<header>
,<main>
,<footer>
, and<section>
to improve accessibility and structure. - CSS Organization: Group related CSS rules together and consider using a CSS preprocessor like Sass to organize your styles more efficiently.
- Button Styles: Consider adding more visual feedback to your buttons, such as hover effects or transitions, to enhance user interaction.
- Responsive Design: Test your design on various screen sizes and devices to ensure it looks good and functions properly on all of them.
Keep up the excellent work! Consistent practice and learning will continue to refine your skills and make you a better developer.
For further learning, check out these resources:
0 - Semantic HTML: Use semantic HTML elements like
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