Responsive First

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @abdeldevprojects,

  Congrats on finishing another challenge below are just a few improvements you can make. To get the columns to be equal you can use the below code on the container.

      display: grid;
      grid-template-columns: 1fr 1fr;
      margin: 0 auto;
  }```
  
  then just add `object-fit: cover` to the image on the left so that it doesn't appear stretched. You can also remove the max-width from the product title and just increase the font size and also increase the padding around the content on the right.
  

  Marked as helpful

  0

  ---

  

  Abdelilah•180

  @abdeldevprojectsPosted about 2 years ago

  @hyrongennike Thank you so much for your feedback <3

  1