How to change the width for responsive mobile friendly website design in CSS and HTML

1 Answer

0 votes
/* style.css */

@media screen and (min-width: 320px)
{
    #posts {
        width: 98%;
    }
}
@media screen and (min-width: 768px)
{
    #posts {
        width: 90%;
    }
}
@media screen and (min-width: 980px)
{
    #posts {
        width: 70%;
    }
}



<!-- index.php -->

<div id="posts">
... write your HTML/CSS/PHP/JavaScript code here
</div>





answered Apr 24, 2015 by avibootz
edited Apr 24, 2015 by avibootz
...