scrimba
Responsive Design
Think responsively
CSS Units - The em unit
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 Units - The em unit
AboutCommentsNotes
CSS Units - The em unit
Expand for more info
index.html
run
preview
console
<!DOCTYPE html>
<html>
<head>
<title>We did it!</title>
<link href="https://fonts.googleapis.com/css?family=Lato:400,900&display=swap" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
</head>

<body>
<header>
<div class="container">
<h1>The CSS Unit - em</h1>
</div>
</header>

<section class="section-one">
<div class="container">
<h2>Putting ems to use</h2>



</div>
</section>

<section class="section-two">
<div class="container">
<h2>Section Two Title.</h2>
<p>Netus et malesuada fames ac. Sed cras ornare arcu dui vivamus. Elementum integer enim neque volutpat ac tincidunt vitae semper.</p>
<p>Lorem <a href="#">ipsum dolor sit amet</a>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt <strong>ut labore et dolore</strong>. </p>
<a href="#" class="btn btn-accent">contact us</a>
<a href="#" class="btn btn-white">more info</a>
</div>
</section>
</body>
</html>
Console
index.html
-5:27