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 with pseudo-classes, sass

Davis Tran 110

@davistran86

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

Community feedback

Rex 15

@rexjoseph

Posted

Well laid out; good job!

1
P
Matt Studdert 13,611

@mattstuddert

Posted

Awesome work on this challenge! Great to see you using pseudo-elements for the curved section edges as well.

Keep up the great work! 👍

0

Davis Tran 110

@davistran86

Posted

Thanks Matt, any tip for using pseudo elements for styling the curved background ? because I have to set the height for it so on larger screen I have to set the height with larger number so the top of curved image won't be cut off.

0
P
Matt Studdert 13,611

@mattstuddert

Posted

The way you're doing it is absolutely fine. Using relative values, like you're doing, is great. As would be changing the height value in a media query.

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