Simple Product-Preview-Card Challenge Solution

Community feedback

• 

  Tom Golding•250

  @ComanderPotatoPosted over 2 years ago

  Well done with your design, you did a really good job! Only have a couple of notes in regards to the pricing, having aligned items that are connected make web designs look more appealing so if you put align-items: center; in your .price class, will horizontally align your items and make it look nicer. Changing the font-size of some of the elements could also drastically improve your design, as well as adjusting line-height for items such as your paragraph and header, rule of thumb for line-height, is the bigger the font the smaller the line height, and vice versa. Apart from that next step is learning media queries to get a fully responsive product card so good job!

  1

  ---

  

  Elias Ekornås•60

  @DrRuskiPosted over 2 years ago

  @ComanderPotato Thanks for the feedback, i do have knowledge about media queries and such so that would be the next step. Regarding the centering i did consider it but i was mainly trying to code in a way that would look like the provided design.

  0