Product Preview Card

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted over 2 years ago

  HI z3zUK, welcome to Frontend Mentor, and congrats on completing your first challenge! I think you did a great job in making it look as close as possible to the design. I just checked your code and it looks like you're using the optical version of the Fraunces font face, and that's why the font face doesn't match the one in the design. You can try copying the link again from Google and uncheck the option for optical version. Also, in your source tags, you can remove the height and width attributes, as that's currently giving you HTML validation issues.

  Once again, great job, and keep going!

  Marked as helpful

  0

  ---

  

  z3zUK•70

  @z3zUKPosted over 2 years ago

  @elaineleung Hi, thanks for the feedback! It's very much appreciated. I'd like to quickly respond to your comments...

  1. I was aware the font was slightly different to your screenshot, but didn't realise there was such a thing as an optical version. I'll keep an eye out for that in the future.

  2. I did run my code through the W3 validator, and it passed with no issues, and I believe width and height are being added as acceptable attributes to Source. However, I've removed them for now, and it looks like I've passed the validator this time round (didn't realise you had a validator here on the site. Again, I'll know better in the future!)

  Thanks for your help and encouragement. :D

  1