All comments

• 

  P

  Babyjenx•90

  @Babyjenx

  Submitted 4 months ago

  What are you most proud of, and what would you do differently next time?

  That was my first time using media queries so that was a fun challenge to try to wrap my head around. I'm happy I was able to figure it out and learn a lot about responsiveness through mistakes I made along the way.

  Next time I would start with hard pixel widths for the desktop/mobile card container. I was trying to make the card scale as I adjusted the screen sizer and it was giving me a ton of issues.

  What specific areas of your project would you like help with?

  I'd love to know how to make this even more responsive. Is there a way to make the card and its contents grow and shrink as the screen size is adjusted while keeping everything proportional?

  

  Responsive Product Preview Card

  1

  00
  

  Derrick Mutuma•270

  @DMK980

  Posted 4 months ago

  you can use min-width to set the smallest width you want it to be and a max-width which is the largest you want it to be then it will grow and shrink accordingly. This eliminates the need for breakpoints for the width.

  0

  Marked as helpful