Steev/steevcss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
steevcss/examples/grid.html
steevLP d5cb0a849e
Add files via upload
2021-01-22 02:35:42 +01:00

129 lines
8.1 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>steev CSS</title>
<link rel="stylesheet" type="text/css" href="../steevcss.min.css">
</head>
<body>
<br>
<h1 style="text-align: center;">Grids</h1>
<div class="container">
<div class="row">
<div class="col-1" style="border: 1px solid black;"> col-1 </div>
</div>
<br><br>
<div class="row">
<div class="col-2" style="border: 1px solid black;"> col-2 </div>
<div class="col-2" style="border: 1px solid black;"> col-2 </div>
</div>
<br><br>
<div class="row">
<div class="col-3" style="border: 1px solid black;"> col-3 </div>
<div class="col-3" style="border: 1px solid black;"> col-3 </div>
<div class="col-3" style="border: 1px solid black;"> col-3 </div>
</div>
<br><br>
<div class="row">
<div class="col-4" style="border: 1px solid black;"> col-4 </div>
<div class="col-4" style="border: 1px solid black;"> col-4 </div>
<div class="col-4" style="border: 1px solid black;"> col-4 </div>
<div class="col-4" style="border: 1px solid black;"> col-4 </div>
</div>
<br><br>
<div class="row">
<div class="col-5" style="border: 1px solid black;"> col-5 </div>
<div class="col-5" style="border: 1px solid black;"> col-5 </div>
<div class="col-5" style="border: 1px solid black;"> col-5 </div>
<div class="col-5" style="border: 1px solid black;"> col-5 </div>
<div class="col-5" style="border: 1px solid black;"> col-5 </div>
</div>
<br><br>
<div class="row">
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
</div>
<br><br>
<div class="row">
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
</div>
<br><br>
<div class="row">
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
</div>
<br><br>
<div class="row">
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
</div>
<br><br>
<div class="row">
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
</div>
<br><br>
<div class="row">
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
</div>
<br><br>
<div class="row">
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
</div>
</div>
<script src="../steevcss.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink