Skip to content
Snippets Groups Projects
Read it.txt 594 B
the website is almost done ....but if you want to make it compatible to mobile devices then add the following 
codes at the end of footer in style.css
/* Media Queries */
@media(max-width: 768px){
header #branding,
header nav,
header nav li,
#newsletter h1,
#newsletter form,
#boxes .box
article#main-col,
aside#sidebar{
float:none;
text-align:center;
width:100%;
}
header{
padding-bottom:20px;
}
#showcase h1{
margin-top:40px;
}
#newsletter button, quote button{
display:block;
width:100%
}
#newsletter form input[type="email"], .quote input, quote textarea{
width:100%
margin-bottom:5px;

}
}