All comments

• 

  waltertaya•110

  @waltertayaSubmitted about 1 year ago

  

  product-preview-card-component-main

  1

  30
  

  Nikita Toropov•310

  @tossik8Posted about 1 year ago

  Great work!

  I would make your web page more responsive because the image does not load for mobile devices. Try to add images based on the size of the screen. For that you can replace your <img/> tag with something like this:

  <picture>
    <source srcset="your image for mobile devices" media="(max-width:400px)" />
    <img src="your image for desktop devices" alt="" />
  </picture>
  

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Matias•40

  @MatiDNSubmitted about 2 years ago

  • Do you see something about the responsive that I can improve?
  • What would you have changed with respect to my solution?

  If you have any advice you can give me, it would be very welcome.

  

  Responsive mobile-first solution with CSS Grid and Flexbox

  2

  30
  

  Nikita Toropov•310

  @tossik8Posted about 2 years ago

  You can add backgrounds

  0
• 

  Mello•50

  @MelloFrontEndSubmitted about 2 years ago

  My responsive design firsttimer, curious if responsiveness is well done here and also I wasn't sure, if i needed to add marins and paddings in media query for bigger screen or em-s in the main css part is enough? Thank you!

  

  Order Summary Component

  1

  30
  

  Nikita Toropov•310

  @tossik8Posted about 2 years ago

  You can add background-repeat: no-repeat and add background-size: cover to make it look closer to the original design

  0