Single Price Grid utilizing Media Queries

Community feedback

• 

  P

  Jessica•880

  @perezjprz19Posted almost 3 years ago

  I haven't done this challenge yet, but that looks a like a lot of media queries for what this is. I think I would approach this layout a little differently.

  • I would start by coding for a very small viewport.

  • I would probably use min(), max(), or clamp() to keep the width responsive as I grow my viewport.

  • only add a media query when things start to break... if absolutely necessary. I don't think you'll need as many considering it only grows up to a certain size

  • I think flexbox would work with this... I think possibly displaying the entire container as a flex column. Wrapping the Two bottom sections in their own div within the container and displaying it as a flex row...

  As I said I haven't tested this, but if you do try it, let me know what you think.

  0