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 alternating sections

P
Chamu 12,970

@ChamuMutezva

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

P
Matt Studdert 13,611

@mattstuddert

Posted

Hey Chamu, looking at your code I've got a few suggestions:

  • Always be sure to use an alt attribute whenever you add an img tag in your HTML. Otherwise, screen readers will read out the file page in the src attribute, which isn't helpful for people using screen readers.
  • While I'm talking about screen readers I'd also recommend not uppercasing your words in your HTML, as you have done with the "Newsletter" heading. If you write the word as "NEWSLETTER" screen readers would read the text one letter at a time instead of reading out the word. Instead, you can use text-transform: uppercase in your CSS.
  • At the moment, you're using multiple h1 elements on the page. I would recommend keeping to only having one h1 on any page.
  • I'd also recommend staying away from using IDs for styling purposes as they are over specific and cannot be reused on the page.

I hope these pointers help. Keep up the great work!

0

P
Chamu 12,970

@ChamuMutezva

Posted

Thanks once again. I will work on your suggestions.

0
P
Matt Studdert 13,611

@mattstuddert

Posted

Hey Chamu, the site is looking great, but at the moment the Live Preview is showing a different site to the one shown in the challenge.

It seems you've added the wrong repo and live URLs when you submitted the solution 🙂

0

P
Chamu 12,970

@ChamuMutezva

Posted

Thanks Matt, my apologies , i picked up the wrong repo. I have done the changes . Great work you did here to cater for all angles , like the ability to edit in cases like this.

0
P
Matt Studdert 13,611

@mattstuddert

Posted

No problem! Glad you like how the platform works!

I've written some feedback below 👍

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