Design comparison
Solution retrospective
previously i've missed semantic HTML elements like section and instead of using table element used article and styled it like table. Improvised my code a bit.
Community feedback
- @krushnasinnarkarPosted 3 months ago
Hi @Mageshwari-Balaguru,
Congratulations on successfully completing the challenge!
Your solution looks nice, though there are a couple of things you can improve, which I hope will be helpful:
-
Bullet Points and List Numbers: As shown in the design, you should add color to bullet points and list numbers. You can achieve this using the
::marker
pseudo-element. Here’s a demo code snippet on how to use it:ul::marker { color: #ff5733; /* Example color for bullet points */ } ol::marker { color: #ff5733; /* Example color for list numbers */ }
-
UI Improvements: Your page is responsive and well-done. For future projects, consider using Flexbox. It can simplify layout tasks, reducing the need for multiple layers and making it easier to manage padding and margins.
I hope you find these suggestions helpful.
Feel free to reach out if you have more questions or need further assistance.
Happy coding!
Marked as helpful0 -
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