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

Huddle landing page using Sass

@vivienbalint

Desktop design screenshot for the Huddle landing page with curved sections coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I left the footer email form as it was in mobile for the desktop version, I think it looked better :) Also I got a huge inspiration from @tediko 's similar Huddle project, I hope he/she doesn't mind :D

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, nice job on this challenge, Vivien Bálint! 👋

Your solution looks great and responds very well! 👏 The content animations are a nice touch and the hover states of the hero button and submit button are cute! 🤩

I just suggest,

  • Adding overflow-x: hidden to the body to prevent a horizontal scroll bar from appearing along the bottom of the page when the animated "Flowing Conversations" section slides into view from the left side of the screen.
  • Adding a small transition to the "Try It Free" button in the header of the page would make the hover state a little smoother. 😉

Of course, keep coding (and happy coding, too)! 😁

1

@vivienbalint

Posted

Thanks @ApplePieGiraffe as always :)

1

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