cwiczenia

In this example below you will see how to do a cwiczenia with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by krte85, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright krte85 ©
  • HTML
  • CSS
  • JavaScript
    <ul id="menu-rwd" class="menu1">

  <li><a herf="#START" >START</a></li>
  <li><a herf="#KONTAKT" >KONTAKT</a></li>
  <li><a herf="#MAPA">MAPA</a> </li>
  <li class="icon"><a>&#9776<a/></li>

</ul>

/*Downloaded from https://www.codeseek.co/krte85/cwiczenia-vXRZrR */
    .menu1{
list-style-type:none; 
  margin:0;
  padding:0;
  overflow:hidden;
  background-color:blue;
  
  
  
}

.menu1 li{
  float:left;
}
.menu1 li a{
  padding:14px 18px;
  display: inline-block;
  text-decoration:none;
  transition: 0.3s;
  font-size:20px;
  
}

.menu1 li a:hover{
  background-color:red;
  
}

.menu1 li.icon {display:none}
@media screen and (max-width:680px){
.menu1 li:not(:first-child){display:none;}
  .menu1 li.icon { 
    display:inline-block;
    float:right;
  
  }  
}
  
.menu2 li{
  float:none;
  display:inline;
  text-align:center;
}


/*Downloaded from https://www.codeseek.co/krte85/cwiczenia-vXRZrR */
    

Comments