Steev/steevcss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
steevLP
2021-01-22 02:35:42 +01:00
committed by GitHub
parent 3e13d58f3d
commit d5cb0a849e
3 changed files with 199 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
examples/grid.html Normal file
View File

@ -0,0 +1,129 @@
<!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>