Responsive Product Preview Card using Flexbox

Community feedback

• 

  yishak abrham•2,150

  @yishak621Posted about 2 years ago

  hey congrats for completing the project but u should add a max-width value to the main container ....it shouldnt be extended whenever the screen size is getting bigger and bigger so when the design starts being ugly thats ur max width and do that for mobile and pc version too and also instead of a media query for images use a picture element and add a srcset value since it is resolution switching method for 1x and 2x screens size ....so the srcset will detect the screen size and add the given image for that screen

   <picture>
                <source
                  srcset="images/[email protected] 750w, images/[email protected] 1200w"
                />
  <img src="images/[email protected]" />
              </picture>
  

  Marked as helpful

  1
• 

  Abhilash•920

  @Chiku100Posted about 2 years ago

  Congratulations on finishing the project Siani !!! Site is fully responsive. One little suggestion that you can use Picture tag for image responsiveness instead of media queries. HTML Picture Tag Happy coding!

  1

  ---

  

  Siani•30

  @sianidanPosted almost 2 years ago

  @Chiku100 Thank you for the resource!

  0