Intro Section with dropdown navigation

Community feedback

• 

  Angwenyi Ogata•200

  @AngwenyiOgataPosted 9 months ago

  Hello @CreativeSam99

  Congratulations on finishing the challenge.

  To make responsive designs for different screens sizes you will need to use Media Query Breakpoints such as

  body{
      background-color: blue;
  }
  
  @media screen and (max-width: 600px) {
    body {
      background-color: lightblue;
    }
  }
  

  this will make the background of all screen sizes below 600px to light blue

  Or if you could wish to use mobile-fast CSS you use

    body {
      background-color: orange;
    }
  
  @media screen and (min-width: 600px) {
    body {
      background-color: red;
    }
  }
  

  This will change the background color to red if the device screen size is more than 600px.

  Hope this will be helpful to you.

  0