Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Meet Landing Page

P
Fluffy Kas 7,735

@FluffyKas

Desktop design screenshot for the Meet landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey guys,

Seemingly a simple newbie challenge but along the way I found a lot of little details that proved to be a bit tricky, like the image placement in the hero area or the decorative numbers. It was a lovely design that I really enjoyed working on.

If you see anything out of place or anything I could improve on, don't hesitate to point out (:

Have a great day!

Community feedback

@sreehariv-code

Posted

The site is amazing. I only have a question to ask though, how did you implement the scroll trigger animation ? Is it using any external libraries like AOS or Framer Motion or did you write custom animations ? If it is custom animation, then take a bow from me as a compliment.

1

P
Fluffy Kas 7,735

@FluffyKas

Posted

@sreehariv-code Aw thank you! I used the native js intersection observer and CSS keyframes for this one (: Tbh, if the project is bigger than this, I tend to resort to external libraries like Framer Motion too. It's really enjoyable to do vanilla stuff sometimes though!

1

@sreehariv-code

Posted

@FluffyKas Cool ! If you are creating any collaborative open source projects feel free to ping me. And I have another doubt as well. Is it a good deed for showcase Frontendmentor Projects in our personal portfolio ?

0
P
Fluffy Kas 7,735

@FluffyKas

Posted

@sreehariv-code I'm not doing any collabs at the moment, but I let you know. And yes, these frontend mentor projects are great as portfolio pieces, although I'd choose from the slightly more complex ones. I got my first job with the extended Rock-Paper-Scissors and Space Tourism projects in my portfolio, for example.

1
P

@mohammedbahnini

Posted

Hi, first of all your solution is great, one thing I've noticed, in larger screens the hero section has a too much space between images and text, otherwise your solution is great, especially with the transition effect on scroll down. You can check my solution and give me your feedback, that would be nice from you.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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