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 using HTMl and CSS

@Pezzyace

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


All comments are appreciated

Community feedback

@lazy4gyan

Posted

Hi, your UI is looking perfectly fine.

However,I have noticed that your styles are breaking for screen size < 375px, due to the your community-container and flowing-conversation-container, use flex-direction:column for these two containers.

And, most of the mobile screens are above 360px so try to use media queries which can includes all the mobile screens, i.e.

@media only screen and (max-width: 767px) {
/* Styles for mobile devices and tablets go here */
}
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