Skip to content
Submitted over 3 years ago

Meet Landing Page | HTML CSS Sass

accessibility, bem, sass/scss, lighthouse
Vanza Setia•27,715
@vanzasetia
A solution to the Meet landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello Everyone! 👋

I finished my first premium challenge! 🎉

The most challenging part was the number elements between sections. However, I managed to handle them with only pseudo-elements. That way, I didn't have to deal with the accessibility thing (hopefully). 😅

Now for the questions:

  • I put the logo in a header. I'm not sure that it is correct or not, so what do you think about it? Should I put the logo inside the main element instead?
  • If you try using a screen reader on my website, can you understand the page content?
  • Can you navigate this website comfortably using your keyboard?

Any questions on the technique that I'm using are welcome! 😁

Also, if you have finished this challenge and would like me to give feedback on it, please include a link to your solution. I would be glad to help you! 😀

Thanks!

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • Fluffy Kas•7,675
    @FluffyKas

    Hiyo,

    It looks great! I would've put the logo in the header too, that seems fine. According to the definition of header element on MDN, W3Schools, etc it's probably the correct way to do it. The rest of the page is very neat work too, love the added skip navigation button! :3

    The only teeny tiny "issue" I found is the colour of the pseudo-element numbers. It's not really an issue, just different from the design. :D But that's really all I could find.

    Your documentation is awesome too, today I learned something new about licensing so thanks for the interesting read :D

    Marked as helpful
  • Travolgi 🍕•31,340
    @denielden

    Hi Vanza, great job!

    the logo into header is correct...

    The main tag specifies the main content of a document:

    The content inside the <main> element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.

    Hope this help ;)

    Marked as helpful
  • Hexer•3,620
    @EmmanuelHexer

    Hi, checked all your projects and i must say, you are really good.

    I started programming not long ago, I'm still learning. Can you give me a roadmap on what you did to become good as you are now?

    Thanks, Phalcin

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