All comments

• 

  George Bleyer•280

  @georgebleyerSubmitted over 1 year ago

  Hello DEVS

  In this project I had some difficulties.

  1. Center the <div class="container"> in the center of my page, as I wasn't able to center it, I put a margin and it stayed like this;
  2. For the responsive site it was ok but I thought that for the cell phone it was a little small;
  3. I couldn't change images so I just fixed the height and width of it.

  If you have any tips, leave them in the comments.

  

  Product preview card component

  2

  40
  

  Jose Pablo Sequeira•50

  @joseSequeira95Posted over 1 year ago

  Hello George! Congrats on solving this challenge. You have done great. For changing the image for both mobile and desktop, you can make this work by adding a class that has a display:none property in the media queries section. This way you can set to only display the deskop image when we are viewing on desktop devices while having the mobile hidden. Then when we shrink the screen size the desktop image will dissapper and we will only be able to see the mobile one.

  I have also solved this challenge, take a look at my solution if you find it helpful. Happy coding.

  Marked as helpful

  0