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 langing page challenge

Marcin 270

@marcinsuski


Design comparison


SolutionDesign

Community feedback

Adriano 34,090

@AdrianoEscarabote

Posted

Hi Marcin Suski, how are you?

I really liked the result of your project, but I have some tips that I think you will enjoy:

  • every Html document must contain the main tag, so we can identify the main content, to fix this, wrap all the content with the main tag. HTML5 landmark elements are used to improve navigation experience on your site for users of assistive technology.
  • Consider using rem for font size .If your web content font sizes are set in absolute units, such as pixels, the user will not be able to re-size the text or control the font size based on their needs. Relative units “stretch” according to the screen size and/or user’s preferred font size, and work on a large range of devices.

The rest is great!

I hope it helps... 👍

1

Marcin 270

@marcinsuski

Posted

Hi @AdrianoEscarabote :)

Thanks a lot for Your comments and tips. Just today I watched a great video talking about semantics in html and how assistive tech works with it. In the next challenge I'm working on at the moment, I'm definitely trying to implement it all. In your experience, beside the landmark elements, how often are aria-types etc. used? This is something totally new to me.

Same goes for rem - I'm working with it now, as well as trying to use clamp() to make sizes more responsive and take as much as possible out of @media query.

Once again, thanks for all Your comments :)

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