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-single-introductory-section

@y25sanchez


Design comparison


SolutionDesign

Solution retrospective


Any feedback would be greatly appreciated, Thank you.

Community feedback

P
Chamu 12,970

@ChamuMutezva

Posted

Hi y25sanchez

So far so good with the challenge, here are some points to consider:

  • the sizes mentioned in the designs are not media queries , they just represent what your presentation should look like at the given sizes (375px and 1440px). Generally you need so created something that will scale well on different screen sizes - most desktop/laptops have a screen width of 1366px and currently there is no difference between watching on mobile and my laptop - with the exception of the large white spaces that should have been utilized.
  • the social media icons represent links to social icons and hence should be represented as links
  • for font sizes , it is preferred to use rems instead of px, you can find out more on the reasons in this article Why designers should move from px to rem (and how to do that in Figma)

Happy coding

0

@y25sanchez

Posted

@ChamuMutezva Thanks for the feedback, I'm going to start using rem and em in my projects. Wish you an amazing weekend.

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