All comments

• 

  Brian Carlo Birondo•320

  @Briancarlo24Submitted over 3 years ago

  https://briancarlo24.github.io/Stat-Preview-Card-Component/

  For this challenge I added 1000px width to the card container. Reason for doing that is to avoid the image being stretch making it look weird.

  The mobile design with be triggered at around 375px and that would be another design to make it responsive. However, on breakpoint 1000px(estimation) the right container will move below which is suppose to trigger at 375px only.

  How do you fix that? Is adding a fix width the best solution here?

  

  Using CSS Flex box and Media Querries

  1

  10
  

  Michael Mendoza•15

  @makoydevPosted over 3 years ago

  Hi Brian, you can do object-fit: fill; on the image part. it will automatically resize the image for you and avoid any stretch. Hope this helps.

  1

  This comment has received 3 repliesShow