All comments

• 

  Raistmere• 120

  @raistmere

  Submitted 6 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

  #react#vite#vitest

  2

  30

  

  Med Tosby• 90

  @nabinkatwal7

  Posted 6 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

  This comment has received 1 replyShow