Question

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

Answer 1

/* 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>

70+ SQL courses for beginners and professionals