Skip to content
Submitted 12 months ago

Meet Landing Page

CloudOfAlemar•200
@CloudOfAlemar
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

Hello everyone, I just completed the Meet Landing Page challenge! I feel that I'm gaining experience and that is allowing me to complete these challenges at a faster pace. My focus on the next project is to make sure that I organize my code so that I'm not repeating myself too much and to keep it organized so that everything runs smooth. I was excited when using CSS Grid this time for the four images. I can't believe how much easier it was to get consistent spacing, instead of using Flexbox. After a few more projects I want to try out a CSS framework. Maybe Tailwind CSS? And maybe add some animations to the designs as well. It's going to be fun, so stay tuned :D

Community feedback

  • Fluffy Kas•7,715
    @FluffyKasPosted 12 months ago

    Heyo,

    This looks great, well done! There is one small issue I noticed: there is an overflow on your header (probably the images causing this). You could just get rid of this with an overflow: hidden on the header, so no big deal.

    1
    CloudOfAlemar•200
    @CloudOfAlemarPosted 12 months ago

    @FluffyKas Hello :D and thank you for your feedback! I added the overflow: visible at the breakpoint 1440px so the left and right hero images don't get cut off when the container reaches its max-width. I just didn't know the best solution for that issue, but thank you so much for your feedback, I really appreciate it :)

    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