Submitted 2 months ago

Meet Landing Page Solution

Martín Beltrán• 260

@JMBeltranDev

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Meet landing page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Tackling a challenge on Frontend Mentor always brings a sense of accomplishment. Every project, whether it's in the planning stages or fully implemented, offers valuable lessons. Witnessing an idea transform into a functional and visually appealing page is immensely satisfying. Moreover, the feedback from the community and the hurdles overcome along the way bolster my confidence and enhance my skills as a developer.

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

I thoroughly investigate, keep a persistent mindset, and explore imaginative solutions.

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

I'm eager to receive assistance in any aspect that can improve my project. This includes everything from code structure and CSS organization to advanced JavaScript techniques. Advice on enhancing accessibility or usability would also be greatly appreciated. Essentially, any guidance that can make my project more robust and effective would be most welcome.

Community feedback

Darkstar• 1,000

@DarkstarXDD

Posted 2 months ago

<header> should only contain the meet logo. The content below it should be included in the <main>. <header> is for content that repeats across multiple pages in a website, such as the logo and the navigation bar. So the logo here may be repeated on multiple pages at the top, but the other content below it won't be repeating across multiple pages.
IMO there is no <footer> in this challenge. The bottom part is just another section in the <main>. This has nothing that should be in a <footer>, such as sitemap, copyright text, contact info, social media icons etc.

Marked as helpful

Martín Beltrán• 260

@JMBeltranDev

Posted 2 months ago

The "hero" section can go inside the <header> tag. In fact, it is common practice to include the hero section in the <header> because the hero section usually contains the most prominent and introductory information on the page, such as the main heading, a subheading, and a call to action (CTA).

Regarding footer, you are absolutely right, the footer should only contain contact information, links to policies (privacy, terms of service), links to social networks, credits and copyrights, secondary navigation menu, subscription to newsletters ( short form) and site ownership information. This landing page does not have a footer as such.

Thanks for your help.

Please log in to post a comment

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