Alathra:Navigation: Difference between revisions

m CSS test
m CSS test
Line 1: Line 1:
{{#css:
{{#css:
   #nav {
   #nav {
     height: 600px;
     height: 550px;
     width: auto;
     width: auto;
     display: flex;
     display: flex;
Line 13: Line 13:
     flex-direction: row;
     flex-direction: row;
     justify-content: center;
     justify-content: center;
     gap: 50px;
     gap: 30px;
   }
   }
    
    
Line 30: Line 30:
     #nav {
     #nav {
       height: 700px;
       height: 700px;
    }
  }
  @media screen and (max-width: 570px) {
    #nav {
      height: 800px;
     }
     }
   }
   }
    
    
  @media screen and (max-width: 455px) {
    #nav {
      height: 1000px;
    }
  }
 
  @media screen and (max-width: 395px) {
    #nav {
      height: 1200px;
    }
   }
   }
}}
}}