basti1012.bplaced.net

Ich hatte mir @media durchgelesen aber verstehe das nicht.

Code

                                    
                                <style>
a{
  display:none;
  margin-left:45%;
  font-size:50px;
}



@media (min-width: 1px) and (max-width: 400px){ 
  div{
    background:red;
    width:100px;
    height:100px;
  }
}

@media (min-width: 401px) and (max-width: 600px){ 
  div{
    background:green;
    width:200px;
    height:100px;
  }

 a{
    display:block;
  }
}



@media (min-width: 601px) and (max-width: 800px){ 
  div{
    background:blue;
    width:200px;
    height:200px;
  }
}
@media (min-width: 801px) and (max-width: 1100px){ 
  div{
    background:yellow;
    width:300px;
    height:300px;
  }
}

@media (min-width: 1101px) and (max-width: 1300px){ 
  div{
    background:orange;
    width:200px;
    height:100px;
  }
}

@media (min-width: 1301px) and (max-width: 2400px){ 
  div{
    background:yellow;
    width:200px;
    height:100px;
  }
}
</style>
<div></div><a>Jetzt kapiert</a>