scrimba
Frontend Career Path
React basics
AirBnb clone
Problem - not reusable
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
Problem - not reusable
Expand for more info
components
Card.js
run
preview
console
import React from "react"

export default function Card() {
return (
<div className="card">
<img src="../images/katie-zaferes.png" className="card--image" />
<div className="card--stats">
<img src="../images/star.png" className="card--star" />
<span>5.0</span>
<span className="gray">(6) • </span>
<span className="gray">USA</span>
</div>
<p>Life Lessons with Katie Zaferes</p>
<p><span className="bold">From $136</span> / person</p>
</div>
)
}
Console
/index.html
-1:55