Submitted 6 months ago

Meet Landing Page

CloudOfAlemar• 200

@CloudOfAlemar

Preview site View code

This is a solution for...

Meet landing page

HTML
CSS

1newbie

View challenge

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,735

@FluffyKas

Posted 6 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.

CloudOfAlemar• 200

@CloudOfAlemar

Posted 6 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 :)

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