scrimba
Responsive Design
CSS
A better way to name our CSS classes
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

A better way to name our CSS classes
AboutCommentsNotes
A better way to name our CSS classes
Expand for more info
index.html
run
preview
console
<html>
<head>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<h1>Compound selectors can be useful</h1>
</header>

<section class="section-one">
<h2>Section one title</h2>
<p>Netus et malesuada fames ac. <a href="#">Sed cras ornare arcu</a> dui vivamus. Elementum integer enim neque volutpat ac tincidunt vitae semper.</p>
<a href="#" class="btn-yellow">contact me</a>
<a href="#" class="btn-yellow">learn more about me</a>
</section>

<section class="section-two">
<h2>Section two title</h2>
<p>Netus et malesuada fames ac. <a href="#" class="section-two-link">Sed cras ornare arcu</a> dui vivamus. Elementum integer enim neque volutpat ac tincidunt vitae semper.</p>
<a href="#" class="btn-black">contact me</a>
<a href="#" class="btn-black">learn more about me</a>
</section>
</body>
</html>
Console
index.html
-8:39