47 lines
2.0 KiB
HTML
47 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Sass test</title>
|
|
<link rel="stylesheet" href="/dist/ef19487056b129c8f3eda17f9543ab70.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1 class="nav-logo-left">Logo</h1>
|
|
<input id="nav-toggle" type="checkbox" class="nav-toggle">
|
|
<label for="nav-toggle" class="nav-toggle-label">
|
|
<span></span>
|
|
</label>
|
|
<nav class="nav-left">
|
|
<ul class="nav-left">
|
|
<li><a href="#">Test</a></li>
|
|
<li><a href="#">Test</a></li>
|
|
<li><a href="#">Test</a></li>
|
|
<li><a href="#">Test</a></li>
|
|
<li><a href="#">Test</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<div class="container" style="border: 1px solid black;">
|
|
<h1 style="text-align: center;">CSS Grid</h1>
|
|
<div class="row">
|
|
<div class="col-12 display"><h1>12</h1></div>
|
|
<div class="col-11 display"><h1>11</h1></div>
|
|
<div class="col-1 display"><h1>1</h1></div>
|
|
<div class="col-10 display"><h1>10</h1></div>
|
|
<div class="col-2 display"><h1>2</h1></div>
|
|
<div class="col-9 display"><h1>9</h1></div>
|
|
<div class="col-3 display"><h1>3</h1></div>
|
|
<div class="col-8 display"><h1>8</h1></div>
|
|
<div class="col-4 display"><h1>4</h1></div>
|
|
<div class="col-7 display"><h1>7</h1></div>
|
|
<div class="col-5 display"><h1>5</h1></div>
|
|
<div class="col-6 display"><h1>6</h1></div>
|
|
<div class="col-6 display"><h1>6</h1></div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html> |