Product card built with Flexbox and Grid

Community feedback

• Account deleted

  Hi Bolu 😊

  Another great solution - The only thing I would change is your prices. They are very close to the button. Putting them in the center in between the text and the button so that the spacing is even would look nicer.

  It seems you are missing the <main> tag in your HTML - Don't forget to include it for accessibility!

  Other than that, this looks perfect! Well done!

  Marked as helpful

  0

  ---

  

  Bolu•240

  @t3ch-spawnPosted over 2 years ago

  @LazyDuckling Thank you so much for the feedback, I'll put the <main> tag from now on. But the thing is, on my phone, the price isn't that close to the button as portrayed in the comparison between my solution and the design, do you know what could cause that?

  1

  Account deleted

  @gLitCH1904 What browser are you using on your phone? It does look like the Frontend Mentor screenshot on both mobile and desktop Firefox for me - On Chrome however it looks good.

  I compared the code on the two browsers and it looks like the issue is because you have two line breaks (<br>) after your prices - I would recommend using a margin in order to add the spacing instead of that, that should fix it! 😊

  0

  

  Bolu•240

  @t3ch-spawnPosted over 2 years ago

  @LazyDuckling oh thanks for that, I use chrome

  0