Responsive Results Summary Modal using CSS Flexbox

Community feedback

• 

  Nature Son•1,100

  @NatureSon22Posted 12 months ago

  Using either min-width or max-width alone in media queries can be sufficient in certain circumstances, especially if you have a straightforward design requirement. However, combining both can offer more flexibility and precision

  3
• 

  Júlio Neves•120

  @jcnevessPosted 12 months ago

  Yes, You can specify just one of them.

  Additionally, most of the CSS is outside of the media queries, just the CSS needed to update the layout is in the media query blocks. Is this the proper way to use media queries?

  I think so. You should choose between mobile-first or desktop-first development and let the styles for your choice outside the media queries. Then create the styles for other screens in media queries.

  1
• 

  Tee-Ds•80

  @Tee-DsPosted 12 months ago

  Because of the type of challenge it is I think you only need to specify one media query I used (max-width:375px) Its best to think of it like this: min-width=starting from... max-width=up to...

  0