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

Animated landing page using framer motion and LottieFiles

#framer-motion#react#tailwind-css
Yazdunβ€’ 1,310

@Yazdun

Desktop design screenshot for the Maker pre-launch landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone πŸ‘‹ I picked up this challenge to play around with Tailwind and I actually fell in love with it !

I created a modal for form submit with some cool Lottie animation, so make sure to submit an email to see the modal 😁

I'm looking forward to hear some feedbacks on this, Thanks in advance.

Community feedback

P
Serhii Orlenkoβ€’ 275

@grifano

Posted

Hi, man great work. I noticed some small issues on Safari. When the animation was complete, there is some extra space was appear, the whole container was stitched, and the content aligned slightly to the left. Maybe overflow hidden could help?

Marked as helpful

0

Yazdunβ€’ 1,310

@Yazdun

Posted

@Grifano Hey man thank you so much for your feedback πŸ₯° I ran the website on my friend's mac right now and we didn't notice any issues, but I did some more adjustments anyway. It would be so kind of you if run the website again and tell me if the problem is still there, since I don't have access to safari myself πŸ˜–

0
Hokuto Katoβ€’ 50

@hokuto-kato

Posted

@Yazdun Great work!!! I checked it in safari. I thought it was perfect except for the part where the mouse shows up really big! https://postimg.cc/PPG7CQcf

Marked as helpful

0
Yazdunβ€’ 1,310

@Yazdun

Posted

@hokuto-kato Hi Hokuto thanks for your feedback ! I added a max width to the scroll icon so I believe it won't look that big anymore πŸ˜€

Let me know what you think about it now πŸ™

0
Hokuto Katoβ€’ 50

@hokuto-kato

Posted

@Yazdun it looks perfect to me πŸ‘πŸ»

1
P
Serhii Orlenkoβ€’ 275

@grifano

Posted

@Yazdun Oh, I'm so sorry! I now focusing on Webflow, and didn’t look here. I just checked, and it seems like overflow: hidden to the div id="root" will fix the problem. I hope my help is still valuable to 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