Product card

Community feedback

• 

  Paras Sharma•700

  @imparassharmaPosted about 1 year ago

  You will have to use multiple media queries according to your page. Like your page is getting messy firstly around 1450px So add one media query for 1450px and then so on check where things are getting messy and use media queries. The approach should be such that you will have to use less media queries which can be achieved if you will use proper dimension tools like %, ems, rems, vh/vw etc.

  0
• 

  Saúl Ventura•60

  @saulventuragalvezPosted about 1 year ago

  Utilize media queries for different screen sizes.

  @media (min-width: 768px) { .left { background-image: url(../images/image-product-desktop.jpg); } }

  From 768px onwards, the image from the specified URL will be displayed. Outside the media query, another URL will be shown for screens smaller than 768px.

  0