
Solution retrospective
I am proud of utilized CSS variables to define colors, spacing, border-radius, and typography. This improves code maintainability and reusability by avoiding hardcoded values and ensuring consistency across styles. I'll try to learn more about naming convention in HTML next time.
What challenges did you encounter, and how did you overcome them?One challenge I encounter was adjusting the color of list item bullets. I researched online and found that ::marker could help with this, so I learned from the MDN documentation.
What specific areas of your project would you like help with?I'd like feedback on whether my use of HTML semantics and CSS structure is appropriate. I'm open to any suggestions for improving my code.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @KuvashneeNaidoo
Hi there! Great job on creating this recipe page! You've done an excellent job replicating the design, and it closely matches the screenshot πππ
Regarding your question about the appropriateness of your HTML semantics and CSS structure, they are spot on. I didn't find any errors or warnings when evaluating your code with the relevant validators. However, for future reference, you may want to consider using the following validators:
- Visit the The W3C Markup Validation Service for HTML evaluation and The W3C CSS Validation Service for CSS evaluation. Navigate to the 'Validate by Direct Input' or 'By direct input' tab, depending on the service. Then, copy and paste your code into the input field and click the 'Check' button. This will evaluate your code for any incorrect usage of elements, helping to ensure that your code follows best practices and is fully compliant with web standards.
Otherwise, fantastic work! Happy coding :) πππ
Marked as helpful - @psegarel
The differences between Design & Solution are tiny, well done. At some point, I wasn't too sure which version I preferred :)
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