FAQ accordion card using html css js desktop only

Community feedback

• 

  Ambe Mbong-Nwi Nchang•550

  @Ambe-Mbong-NwiPosted almost 2 years ago

  Nice job. To create a mobile version, you need to use Media queries. Media queries help you to define different style rules for different device widths like phones and laptops. So set the width for the mobile version and apply your css styles below.

  Example: max-width changes the background color to blue if the viewport is 375 pixels wide or smaller

  @media (max-width: 375px){
      body{
      background-color: blue;
    }
  }
  

  min-width changes the background color to lightgreen if the viewport is 376 pixels wide or wider

  @media (min-width: 376px){
      body{
      background-color: lightgreen;
    }
  }
  

  See more information using this link @media rule in our CSS reference

  Marked as helpful

  0