Product Preview Card

Community feedback

• 

  Mahdi Ali•180

  @mahdicodes1Posted over 1 year ago

  Hi there! Congratulations on successfully completing the challenge!

  Here are some recommendations regarding your code that I hope you find helpful.

  • You can use the grid system to center the .container tag in the body. Delete the position tag in the .container class, and add the below codes to the body tag.

  display: grid;
  height: 100vh;
  place-items: center;
  

  You can use this method in .first-price class too.

  • Try to use media queries to make the page responsive.

  • Using a color code or other ways like RGB is a good habit. Instead of using a color name: change white to "#FFF".

  0