scrimba
Frontend Career Path
Learn UI design
UI design
Design Challenge: 2
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

AboutCommentsNotes
Design Challenge: 2
Expand for more info
index.html
run
preview
console
<html>
<head>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="container">
<div class="card">
<span></span>
<div class="content">
<p class="date">December 18, 2023</p>
<h3>November Rain</h3>
<p class="desc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam</p>
</div>
</div>
<div class="card">
<span></span>
<div class="content">
<p class="date">December 18, 2023</p>
<h3>November Rain</h3>
<p class="desc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam</p>
</div>
</div>
<div class="card">
<span></span>
<div class="content">
<p class="date">December 18, 2023</p>
<h3>November Rain</h3>
<p class="desc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam</p>
</div>
</div>
</div>
</body>
</html>
Console
/index.html
-7:14