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-master

Dipesh 430

@Dipesh-sapkota1

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


I would appreciate suggestion to improve.

Community feedback

@Mennatallah-Hisham

Posted

Hi Dipesh,

you did great 👍, i ;like that you used aria-label for social links 👏

Here are some suggestions to improve your code:

Alt

  • for the logo img , it is better to add the website name/ brand name
<img src="./images/logo.svg" class="header-logo" alt="huddle">
  • for decorative img / illustrations you can use aria-hidden="true", which will skip the image for screen reader users.

contact info

  • you can use Email link, which is a <a> which gives you the option to specify an email address to send an email.
<a href = "mailto: [email protected]">[email protected]</a>
  • you can also link to a telephone number using <a> by using tel:
<a href="tel:+4733378901">

<article>

  • most of your divs can be replaced with <Article> for better semantics, you can read more about <Article> here

    Hope you find this helpful, Happy Coding

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