Skip to content
OverviewSolutions
7
Comments
1
Med Tosby
@nabinkatwal7

All comments

  • Raistmere•120
    @raistmereSubmitted 10 months ago

    Question: I was having trouble figuring out the best approach to responsive design and would appreciate any feedback. The challenge has 2 designs: one for mobile (375px), and another for desktop (1440px). Do you create multiple media queries between these resolutions? If so, can you breakdown your thought process on making sure the responsive design flows well?

    I greatly appreciate any feedback.

    Thank you!

    Responsive faq accordion using vite, react and vitest

    2
    Med Tosby•90
    @nabinkatwal7Posted 10 months ago

    You can implement mobile design by simply adding breakpoints at require width or heights. Here is an example:

    /* Mobile devices */
@media only screen and (max-width: 767px) {
  /* Styles for mobile devices */
}

/* Tablets and small laptops */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* Styles for tablets and small laptops */
}

/* Laptops and desktops */
@media only screen and (min-width: 1024px) {
  /* Styles for laptops and desktops */
}
    0