Responsive Web design CSS3

Responsive web design provides an optimal experience, easy reading and easy navigation with a minimum of resizing on different devices such as desktops, mobiles and tabs)

Responsive structure

Below image shows the responsive structure of web pages.

100% Wide Container

75% Wide Container

50% Wide Container

It will produce the following result −

Media queries

Media queries is for different style rules for different size devices such as mobiles, desktops, etc.,

If screen size is less than 420px, then it will show lightblue color, or else it will show light pink color

Bootstrap responsive web design

Bootstrap is most popular web design framework based on HTML, CSS and Java script and it helps you to design web pages in responsive way for all devices

Tutorials point

Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.

Android

Android is an open source and Linux-based operating system for mobile devices such as smartphones and tablet computers. Android was developed by the Open Handset Alliance, led by Google, and other companies.

CSS

Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable.

Java

Java is a high-level programming language originally developed by Sun Microsystems and released in 1995. Java runs on a variety of platforms, such as Windows, Mac OS, and the various versions of UNIX. This tutorial gives a complete understanding of Java.