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

Responsive landing page using CSS Grid and CSS Flexbox

Emanuel Bonardoโ€ข 320

@emanuelcba94

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback welcome. Thank tou! Emanuel Bonardo.

Community feedback

Sachinโ€ข 830

@SachinKumarMahato

Posted

Good job for completing the challenge

For improved accessibility ๐Ÿ“ˆ for your content, it is best practice to use em โœ… for media queries. Using this unit gives users the ability to scale elements up and down, relative to a set value use this link to learn about media queries. CSS tricks

Usage of absolute units instead of relative units:

  • Absolute units like pixels (px) are used for defining lengths and sizes instead of relative units like percentages (%), em, or rem.
  • Relative units are more flexible and responsive across different screen sizes.

I hope you find this helpful and happy coding

Marked as helpful

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