RESPONSIVE DESIGN DEMO

 

About Responsive Design

 

This text will align to the left in Mobile views, and it will not show in your full-width desktop view!

CSS can control how things are displayed varying in the desktop and mobile views. For example, this text displays centered in the screen in both mobile and desktop views, while other text displays only in desktop OR in the mobile. The same can be done with images.

 

NOTE that the text shown in the desktop view which tells the user to slide the right-side of the browser to the left, disappears when the mobile screen size is achieved. Also, the navigation links in the top banner are replaced with the hamburger menu in mobile views. Try this demo on a tablet as well!

< < < Slide the right edge of the browser to the left, to narrow the browser size in your pc and see the effects of responsive design!