W3.CSS:än käyttö

Toinen tapa tehdä reagoivia nettisivuja, on tehdä reagoiva tyyli taso, kuten W3.CSS

W3.CSS tekee helpoksi luoda sivuja jotka näyttää hyvältä joka koossa; tietokoneella, tabletilla, puhelimella jne:

W3.CSS Demo

Uusi koko tälle reagoivalle sivulle!

Lontoo

Lontoo on Englannin pääkaupunki.

Pariisi

Pariisi on Ranskan pääkaupunki.

Tokio

Tokio on Japanin pääkaupunki.

Example

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="vhttp:// www. konnevesi .fi/lib /w3.css">
<body>

<div class="w3-container w3-orange">
<h1>W3.CSS Demo</h1>
<p>Uusi koko tälle reagoivalle sivulle!</p>
</div>

<div class="w3-row-padding">

<div class="w3-third">
<h2>Lontoo</h2>
<p>Lontoo on Englannin pääkaupunki.</p>

</div>

<div class="w3-third">
<h2>Pariisi</h2>
<p>Pariisi on Ranskan pääkaupunki.</p>

</div>

<div class="w3-third">
<h2>Tokio</h2>
<p>Tokio on Japanin pääkaupunki.</p>

</div>

</div>

</body>
</html>