scrimba
Figma to code
Dashboard
CSS: Initial Styles
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

CSS: Initial Styles
AboutCommentsNotes
CSS: Initial Styles
Expand for more info
index.html
run
preview
console
<html>
<head>
<link rel="stylesheet" href="index.css">
</head>
<body>

<div class="container">
<div class="left-col">
<nav>
<img src="./arrow.svg" class="back-btn">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">My Stats</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">Settings</a></li>
<li><a href="#">Help</a></li>
</ul>
</nav>
</div>
<section>
<header>
<img src="menu.svg" class="menu-btn">
<p class="logo">Logo</p>
</header>
<div class="cv">
<div class="content">
<h1>Data Analytics</h1>
<p>Making sense of your traffic.</p>

<a href="#" class="cta">Go to my stats</a>
</div>
</div>
</section>
</div>

<script src="index.pack.js"></script>
</body>
</html>
Console
/index.html
-7:52