CSS Media Cascate

by Salustiano Silva

HTML

<div id="rodape">O meu rodapé</div>

CSS

#rodape{
    border:1px solid #ccc;
}

@media(min-width:176px) {
div#rodape{
width: 100%;
height: 70px;
padding-top: 10px;
text-align:center;
}
}

@media(min-width:320px) {
div#rodape{
height: 230px;
}
}