Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
Hostgator 1 Penny

BlueHost Web Hosting

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

getflywheel wordpress hosting


Distribute your Resume to 500+ Job Boards & Recruiters


7,376 questions

10,377 answers

573 users

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
...