Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I used parcel, sass and pug in the project
What challenges did you encounter, and how did you overcome them?Еhere were difficulties with the structure of the project, with styles. Сouldn't get the desired background color in the footer.
What specific areas of your project would you like help with?I will be glad of any help
Community feedback
- @akmalov11cPosted 6 months ago
Hi, congratulations on completing the challenge!
Your HTML code for the Meet landing page looks good! Here are some simple suggestions to improve it further:
- Semantic HTML Elements: Consider using more semantic tags like <section> and <article> where appropriate to enhance readability and SEO.
- Accessibility: Add meaningful alt attributes to images, especially the logo SVG. This helps screen readers describe the images to users with visual impairments.
- Inline SVG: Move the inline SVG to an external file and use the <img> tag or <use> with <symbol> for cleaner HTML.
- Footer Content: Wrap footer content in <footer> instead of <section>. This improves semantic structure.
- Comments: Add comments in your HTML and CSS to describe sections and styles. This helps maintain the code in the future.
- Testing: Test your HTML for responsiveness and accessibility using tools like Lighthouse or Wave.
These changes will help make your HTML more semantic, accessible, and maintainable. Great job on your project!
Marked as helpful0
Please log in to post a comment
Log in with GitHub
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