FAQ Accordion Main

Community feedback

• 

  Levi Kuhaulua•220

  @LeviKuhauluaPosted 6 months ago

  Heyo, something that I like to do with writing less CSS (especially media queries) to make your components responsive is to use the min function with max-width. For example, with card components, you can do something like this

  .card {
    max-width: min(500px, 80%)  
    ... other styles
  }
  

  That way at smaller screen sizes, the size will change to be 80% of the screen, and then at larger screen sizes, it will be 500px.

  1