Posts

* {      margin :  0px ;      padding :  0px ; } header {      /* border: 2px solid green; */      margin : 2px   0px ;      /* display: flex; */ } .main-nav {      /* border: 2px solid black; */ margin-top :  0px ; } .mainmenu {      margin :  0px   10px ;      display :  flex ;      justify-content :  center ; } .mainmenu   li {      text-transform :  capitalize ;      margin : 0px    10px ;      padding :  5px   20px ;      list-style :  none ;      display :  block ;      width :  100px ;      cursor :  pointer ; } ....
  <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Document </ title >      < link   rel = "stylesheet"   href = "english.css"   class = "css" >      < script   src = "jquery-3.5.1.min.js" ></ script > </ head > < style >      @media  only  screen  and ( min-width :  800px ) {          .mobile  {              display :  none ;        ...