#	Content	Views
1.	Tutorial Tags	15,826
2.	Tutorial + Programming	678,586
3.	Videos	218,835
4.	Results (`Annual + Re-appear`)	12,699
5.	Quiz Chapters	14,622
6.	Quiz Questions	172,775
7.	Quiz Results	18,822
8.	Testimonials	3,462
9.	Projects	28,286
10.	e-Words	12,023
11.	e-Certificates	4,968
12.	Downloads (Softwares)	4,238
13.	Downloads (Syllabus)	948

Responsive Web Design - Frameworks

2,619
Try it

All popular CSS Frameworks offer responsive design.

They are free, and easy to use.

W3.CSS

W3.CSS is a modern CSS framework with support for desktop, tablet, and mobile design by default.

W3.CSS is smaller and faster than similar CSS frameworks.

W3.CSS is designed to be independent of jQuery or any other JavaScript library.

<!DOCTYPE html>
<html>
<head>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/html/css/w3.css">
</head>
<body>

<div class="w3-container w3-green">
  <h1>GSSS KHOKHAR</h1> 
  <p>Resize this responsive page!</p> 
</div>

<div class="w3-row-padding">
  <div class="w3-third">
    <h2>About</h2>
    <p align="justify">ਸਰਕਾਰੀ ਸੀਨੀਅਰ ਸੈਕੰਡਰੀ ਸਕੂਲ, ਖੋਖਰ ਸ੍ਰੀ ਮੁਕਤਸਰ ਸਾਹਿਬ 1964 ਈ. ਵਿਚ ਪ੍ਰਾਇਮਰੀ ਸਕੂਲ ਵੱਜੋਂ ਸਥਾਪਿਤ ਹੋਇਆ ਸੀ ਜੋ ਕਿ 2001 ਈ. ਵਿਚ ਅਪਗ੍ਰੇਡ ਕਰਕੇ ਸੀਨੀਅਰ ਸੈਕੰਡਰੀ ਸਕੂਲ ਬਣਾ ਦਿੱਤਾ  ਗਿਆ. 2001 ਤੋਂ ਲੈ ਕੇ ਹੁਣ ਤਕ ਇਸ ਸਕੂਲ ਦਾ ਇਤਿਹਾਸ ਸ਼ਾਨਦਾਰ ਰਿਹਾ ਹੈ।  ਅਕਾਦਮਿਕ ਖੇਤਰ ਤੋਂ ਲੈ ਕੇ ਖੇਡਾਂ, ਸਭਿਆਚਾਰਕ ਗਤੀਵਿਧੀਆਂ ਅਤੇ ਸਹਿ-ਵਿਦਿਅਕ ਗਤੀਵਿਧੀਆਂ ਵਿਚ ਇਸ ਸਕੂਲ ਨੇ ਸ਼ਾਨਦਾਰ ਪ੍ਰਾਪਤੀਆਂ ਕੀਤੀਆਂ ਹਨ.</p>
  </div>

  <div class="w3-third">
    <h2>Computer Lab</h2>
    <p align="justify">Access to Computers and the Internet has become a basic need for education in our society.
 
The computer lab serves as the center for teaching computer use to whole classes, usually by a specialist computer teacher. </p>
  </div>

  <div class="w3-third">
    <h2>E-Words</h2>
    <p align="justify">E- is a prefix used to describe anything electronic, that is any data or information transmitted over a network or the Internet. For example, e-mail is a word using this prefix to describe "electronic mail," which is mail sent and received over the Internet.</p>
  </div>
</div>

</body>
</html>

Live Demo & Try it yourself!

#HTML #responsive design

Responsive Text Size

2,619
Try it

The text size can be set with a "vw" unit, which means the "viewport width".

That way the text size will follow the size of the browser window:

GSSS KHOKHAR

Resize the browser window to see how the text size scales.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

<h1 style="font-size:10vw;">Responsive Text</h1>

<p style="font-size:5vw;">Resize the browser window to see how the text size scales.</p>

<p style="font-size:5vw;">Use the "vw" unit when sizing the text. 10vw will set the size to 10% of the viewport width.</p>

<p>Viewport is the browser window size. 1vw = 1% of viewport width. If the viewport is 50cm wide, 1vw is 0.5cm.</p>

</body>
</html>

Live Demo & Try it yourself!

#CSS #HTML #responsive text

HTML <object> Tag

Responsive Web Design - Frameworks

W3.CSS

Responsive Text Size

GSSS KHOKHAR

HTML Tags

HTML Examples