Frontend Mentor | Meet landing page coding challenge solution

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

@akmalov11c

Posted 4 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 helpful

@fastcheetah

Posted 4 months ago

how can I comment @akmalov11c

Meet landing page