HTML Responsive Web Design

HTML Responsive Web Design

What is Responsive Web Design ?

Responsive Web Design makes your web page look good on all devices (desktops, tablets, and phones).

Responsive Web Design is about using CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen :

Note : A web page should look good, and be easy to use, regardless of the device!

Create Your Own Responsive Design

One way to create a responsive design, is to create it yourself :

Example

<!DOCTYPE html>
<html lang="en-us">
<head>
<style>
.w3planguage{
   float: left;
   margin: 10px;
   padding: 10px;
   max-width: 300px;
   height: 300px;
   border: 1px solid black;
}   
</style>
</head>
<body>

<h1>Responsive Web Design Demo</h1>
<h2>Resize this responsive page!</h2>

<div class="w3planguage">
  <h2>C Programs</h2>
  <p> This tutorial about C Programming is designed to be a stand-alone introduction to C, even if you've never programmed before</p>
  <p>C is a general-purpose, procedural, imperative computer programming language developed in 1972 by Dennis M. Ritchie at the Bell Telephone Laboratories</p>
</div>

<div class="w3planguage">
  <h2>Java Programs</h2>
  <p>Java is a programming language and computing platform first released by Sun Microsystems in 1995.</p> 
  <p>There are lots of applications and websites that will not work unless you have Java installed, and more are created every day. </p>
</div>

<div class="w3planguage">
  <h2>AJAX</h2>
  <p>AJAX means Asynchronous JavaScript And XML. It is used to Update a web page without reloading the page. </p>
  <p>AJAX is an acronym for Asynchronous JavaScript and XML. It is a group of inter-related technologies like JavaScript, DOM, XML, HTML, CSS etc.</p>
</div>

<div class="w3planguage">
  <h2>PHP</h2>
  <p>PHP is a server scripting language, and a powerful open source tool for making dynamic, interactive Web pages or softwares.</p>
  <p>PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP.</p>
</div>

</body>
</html>