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

Responsive landing page, Mobile first approach

Saurabh VR• 320

@saurabh1996-rex

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


Suggestions please.

Community feedback

Vanza Setia• 27,855

@vanzasetia

Posted

👋Hi Saurabh VR!

I have some feedback on this solution:

  • You should use AOS when you have submitted your solution. That way it will generate a better screenshot.
  • Don't nest too much. Only use nesting for pseudo elements (::after and ::before) or pseudo classes like :hover, :active, etc. That way you can keep the specificity low.
  • On my mobile device, the main is too narrow.
  • Use semantic HTML tags, like section for each section.
  • Only use one h1 on every page. You can h2 for the other.
  • For the button inside the form should have type="submit", that way it can submit the email. Also, it's not a text input, it's an email input.
  • Try to fix all issues that have been reported.
  • For all bg-section, it's much better if you used CSS background instead of an actual img tag.

That's it! Hopefully this is helpful!

Marked as helpful

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