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 (HTML, CSS)

under4 110

@under4


Design comparison


SolutionDesign

Solution retrospective


The desktop side of the css is a bit convoluted. All feedback is welcome!

Community feedback

@pikapikamart

Posted

Hey, good work on this solution.

  • Upon looking at it, there seems to be an unwanted scrollbar. I looked into the css and found out that one causing it is your media-copyright selector inside your footer element. Inside the media-copyright the first div element nested in it have a declaration of width: 120%; remove that and you will fix the layout.

  • Also while you're at it, adding cursor: pointer to the different button elements will be awesome, because adding it makes the element more natural since it is an interactive element.

  • Making the breakpoint a lot sooner. As I resize it, the first section, the text gets very squished and another scrollbar appears at the bottom. So making a lot sooner for your breakpoint will be really good so that you could avoid those.

But reaching the mobile view, the layout is good and nothing different in it.

Those mentioned above will be really awesome if you could address it. Still, good work on this one^

1

under4 110

@under4

Posted

@pikamart I cannot believe i missed that scrollbar! Thank you for bringing it to my attention. Awesome feedback!!

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