Product Preview Card using HTML and CSS

Community feedback

• 

  P

  I feel Struggle•210

  @Kein-InternetPosted 3 months ago

  It is responsove and the hover effect is good, nice. Here are some takeaways from this:

  • You must use rem instead of px when setting the margin/gap, padding, and font-size so that they accomodate the users defult broswser font-size. Doing this is necessary for making an accessible site.

  • On accessibilty, please use appropriate HTML semantics and less <div> and <p> tags, for examlpe use you could wrap your content in a <section> tag rather than a <div class="left"> tag. One exception is the use of <h2> tag, you can use <p> instead as it's just a price, not a title/subsection.

  • Use CSS variables to increase readibility and reusibility.

  • You're missing the mobile app image, please add this to your code as to ensure your code accurately matches the design.

  Marked as helpful

  0