scrimba
CSS variables
Why learn CSS Variables - Intro tutorial
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Why learn CSS Variables - Intro tutorial
AboutCommentsNotes
Why learn CSS Variables - Intro tutorial
Expand for more info
index.html
run
preview
console
<html>
<head>
<link rel="stylesheet" href="basic.css">
<link rel="stylesheet" href="index.css">
</head>
<body>
<header>
<nav id="navbar">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">contact</a></li>
</ul>
</nav>
</header>
<main>
<h1>my awesome portfolio</h1>
<div class="grid">
<div class="item">
<h1>project a</h1>
<button>learn more</button>
</div>
<div class="item">
<h1>project b</h1>
<button>learn more</button>
</div>
<div class="item">
<h1>project c</h1>
<button>learn more</button>
</div>
<div class="item done">
<h1>project d</h1>
<button>learn more</button>
</div>
</div>
</main>
<footer><p>Made with ☕ in Norway</p></footer>
</body>
</html>
Console
index.html
-3:08