WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

HTML Responsive Web Design


Your website page should look great, and be anything but difficult to utilize, paying little respect to the device.


What is Responsive Web Design?

Responsive Web Design makes your website page look great on all gadgets (work areas, tablets, and phones).

Responsive Web Design is tied in with utilizing CSS and HTML to resize, conceal, contract, broaden, or move the substance to make it look great on any screen:


Create Your Own Responsive Design

One approach to make a responsive plan, is to make it yourself:

Example

<!DOCTYPE html>
<html lang="en-us">
<head>
<style>
.leader {
    glide: left;
    edge: 5px;
    cushioning: 15px;
    width: 300px;
    tallness: 300px;
    fringe: 1px strong black;
}
</style>
</head>
<body>

<h1>Responsive Web Page</h1>

<div class="leader">
  <h2>Mahata Gandhi</h2>
  <p>Mahata Gandhi was conceived in 2 October 1869 Porbander,India.He was the pioneer of the Indian freedom development against British standard. </p>

<div class="leader">
  <h2>George Washington</h2>
  <p>George Washington was conceived in 22 February 1732.He was the primary President of the USA from 1789 to 1797.</p>
</div>


</div>

</body>
</html>
Try it yourself »

Using W3.CSS

Another approach to make a responsive structure, is to utilize a responsive template, as W3.CSS

W3.CSS makes it simple to create destinations that look pleasant at any size; work area, PC, tablet, or phone:

W3.CSS Demo

Resize this responsive page!

Mahata Gandhi

Mahata Gandhi was conceived in 2 October 1869 Porbander,India.He was the pioneer of the Indian freedom development against British standard.

George Washington

George Washington was conceived in 22 February 1732.He was the principal President of the USA from 1789 to 1797

Example

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, introductory scale=1">
<link rel="stylesheet" href="http://www.welookups.com/lib/w3.css">
<body>

<div class="w3-holder w3-orange">
  <h1>W3.CSS Demo</h1>
  <p>Resize this responsive page!</p>
</div>

<div class="w3-push padding">

<div class="w3-third">
  <h2>London</h2>
  <p>London is the capital city of England.</p>
  <p>It is the most crowded city in the United Kingdom,
  with a metropolitan territory of more than 13 million inhabitants.</p>
</div>

<div class="w3-third">
  <h2>Paris</h2>
  <p>Paris is the capital of France.</p>
  <p>The Paris territory is one of the biggest populace focuses in Europe,
  with in excess of 12 million inhabitants.</p>
</div>

<div class="w3-third">
  <h2>Tokyo</h2>
  <p>Tokyo is the capital of Japan.</p>
  <p>It is the focal point of the Greater Tokyo Area,
  and the most crowded metropolitan territory in the world.</p>
</div>

</div>

</body>
</html>
Try it Yourself »


Welookups is optimized for learning.Copy right 2018 - 2019 kumar aditya singh .
All Right Reserved and you agree to have read and accepted our term and condition.
All Rights Reserved.

welookups.com