<div>
hii,<br />
You need to set a viewport first in order to make your website responsive. See the link:<a href="https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport" rel="ugc">https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport</a><br />
i think now your website becomes responsive .<br />
<br />
Regards
</div>


hii,
You need to set a viewport first in order to make your website responsive. See the link:https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport [https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport]
i think now your website becomes responsive .

Regards

<div>
<div class="content wysiwyg-content">
I am just beginning to dive into responsive design with Wordpress and noticed a few things on a number of sites. &nbsp;One site had 4 posts show on the homepage floated side by side on a full screen page. &nbsp;As the screen size shrunk, the width of the post sizes scaled with the browser size until a point where it reduced from 4 results to 3. <br />
<br />
As the browser continued to reduce, it shrunk the width until a certain size where it reduced to 2. &nbsp;Finally, it reduced to 1 result with an arrow to scroll to the next results.<br />
<br />
Is that a CSS design where it reduces what's displayed or something in the PHP query that returns fewer? &nbsp;I'm guessing that it's CSS, but wanted to check and a few basic Google searches has not revealed much yet.<br />
<br />
any suggestions or a link in the right direction?
</div>
</div>


I am just beginning to dive into responsive design with Wordpress and noticed a few things on a number of sites.  One site had 4 posts show on the homepage floated side by side on a full screen page.  As the screen size shrunk, the width of the post sizes scaled with the browser size until a point where it reduced from 4 results to 3. 

As the browser continued to reduce, it shrunk the width until a certain size where it reduced to 2.  Finally, it reduced to 1 result with an arrow to scroll to the next results.

Is that a CSS design where it reduces what's displayed or something in the PHP query that returns fewer?  I'm guessing that it's CSS, but wanted to check and a few basic Google searches has not revealed much yet.

any suggestions or a link in the right direction?

change number of wp_query results for responsive design

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.