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

Nikola Dβ€’ 1,450

@NikolaD93

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 everyone πŸ‘‹

It's been a while since I submited a solution here, so I did an easy challenge just to stay in shape.😁

Had a problem with footer images, so I didn't use them.

Feel free to leave a comment about the code, so I can improve it!

Cheers! πŸŽ‰

Community feedback

T
Graceβ€’ 29,310

@grace-snow

Posted

Hi

The backgrounds don’t look right on this and I recommend you focus some learning on accessibility. This would fail any audit as there are a lot of problems but the good news is they are easy to fix

  • use landmarks for header main and footer
  • write good alt text to describe what meaningful images look like, blank for decorative ones. If an image deserves alt text it would not be the same as the heading text.
  • make sure interactive elements are properly labelled (eg socials)
  • use correct elements for interactivity- anchor tags for clicks that would navigate to another page, only buttons if an action is being performed like toggling content, opening a modal dialog or submitting a form
  • make sure headings are used appropriately and in the correct order
  • remove all brs (these will be announced by screenreaders as β€œbreak”) and instead limit width with max width eg in ch

Good luck

1

Nikola Dβ€’ 1,450

@NikolaD93

Posted

@grace-snow thanks πŸ™

0
Nikola Dβ€’ 1,450

@NikolaD93

Posted

Almost forgot 😁 , I also made a video preview of the project on my YouTube channel, check it out πŸ‘‡

Click here to watch the video

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