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 with curved sections HTML+CSS+JS

Alex 1,310

@AlexKolykhalov

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


Hello my friends!

Any comments are welcome.

Community feedback

Boots 😺 1,590

@adityaphasu

Posted

Hi Alex!

I really like your CSS! It's like a perfect balance between utility classes and the custom classes which makes the code look quite clean and sleek ✨ ( I always wanted to try it but fell into the tailwind trap hahaha)

I wonder if you want to give SCSS/SASS a go? This approach would work very well with it!

Btw love the solution but you can make it closer to the solution using something like pixelperfect extension to overlay the design image and develop accordingly 🙂

Good work and keep it up!😊

0

Alex 1,310

@AlexKolykhalov

Posted

@adityaphasu, hello, my friend!

Thanks a lot for the feedback. I once read one book and now I follow its advice. Helps a lot. SCSS/SASS hmm, for now I want to do everything in pure HTML+CSS+JS. Until it throws up. Kidding))

The next step is to learn some frameworks. Yes, I know about the pixelperfect, but I'm afraid to depend on it. In general, the goal of my solutions is pure HTML+CSS+JS and as few frameworks and npm dependencies as possible.

I also want to use animation in my solutions. So I'll keep a close eye on you))

Thanks again!

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