Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Meet landing page

P

@Bamo-D-Abdallah

Desktop design screenshot for the Meet landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What challenges did you encounter, and how did you overcome them?

Loading different background-image based on screen size, I used media queries to load each one using src().

What specific areas of your project would you like help with?

Overall code feedback is appreciated.

Community feedback

JaceLee 240

@jaceleedev

Posted

Hello! Great job tackling this challenge. You've put in a lot of effort, and it shows in your work.

Regarding the HTML structure, I have a couple of suggestions to enhance the semantic meaning of your code:

  1. Consider using 'section' tags to better organize your content. For example, you could wrap the hero content and the image grid. This will give more structure to your document.

  2. It would be beneficial to add 'header' and 'footer' tags. The logo at the top could be wrapped in a 'header', and the final CTA section at the bottom could be placed within a 'footer'.

These changes will not only make your HTML more semantic but also improve accessibility and potentially boost SEO.

Keep up the great work, and happy coding!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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