The Internet community is all aflutter right now talking about websites being “responsive” because Google has just changed its algorithm for how it ranks websites in searches. It is penalizing websites that are not responsive.
If you are asking yourself, “what is responsive?” You have come to the right place.
Most websites are now responsive, which means that they look good on smartphones, tablets, and desktop monitors. They do this by rearranging the elements on a webpage.
You can see how this happens by changing the width of your browser if you are on a laptop or desktop computer.
Click on the resize icon in the upper right of your browser (the middle one).
Move the right side of the browser window to the left and watch the content of the webpage change position.
Go to The Social Media Flock, our sister site.
As you move the right side in, the sidebar disappears. If you scroll down, you will see the widgets that were in the sidebar are now below the blog posts.
Go back up to the top and keep moving the side of the browser to the left. You will see the text moving to accommodate the new size.
As you continue you will notice the header and post pictures are also resizing.
The menu also resizes until it finally becomes a hamburger icon.