const movies = [ | |
"/breaking-bad.webp", | |
"/the-leftovers.jpg", | |
"/game-of-thrones.jpg", | |
"/true-detective.jpg", | |
"/walking-dead.jpg" | |
]; | |
const App = () => { | |
return ( | |
<> | |
<div className="container"> | |
{movies.map(src => ( | |
<div | |
key={src} | |
className="card" | |
style={{ | |
backgroundImage: `url(${src})` | |
}} | |
/> | |
))} | |
</div> | |
</> | |
); | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment