Product Preview Card Component , desktop and mobile, flexbox, images

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted over 2 years ago

  Hi Stuart, welcome to Frontend Mentor, and great work on your completing your first challenge! About the font face, this is mainly an issue with the Fraunces font where their optical size font set doesn't match the design. You just need to go choose your font faces again and make sure you don't select the optical size option. Also, I see that while you do have your font-family specified in your elements, you haven't got the font-weight yet added to any selectors, so be sure to add that as well.

  In your mobile view, I notice that the title is all squished to the left, and it looks like you've got <br> put between the words. If you do need to change the size of that container, try using min-width or max-width instead for responsiveness. In any case, this is causing your title to look a bit out of place with the rest of the card. I'm guessing you're trying to match how the words break into the next line in the design. I don't think you'd need to do anything special here though; the browser should be able to help you line things up accordingly, provided the containers are at a good width and the font-size also matches the design.

  Once again, good job, and keep going🙂

  Marked as helpful

  1