Skip to content
Submitted 3 months ago

Meet landing page

Bamo-D-Abdallah•280
@Bamo-D-Abdallah
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Meet landing page
  • HTML
  • CSS
1newbie

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
    @jaceleedevPosted 3 months ago

    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

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