I am currently learning ReactJS from a youtube tutorial and am trying to use className’s to make the page look better. The tutorial I am following only added:
className="card"> in the opening tag of a div element and it changed the page appearance though it does not seem to be working for me. Forgive me if this is a dumb question as I am not aware whether you have to import your own css files to change the appearance and the tutorial just did not show it. I would appreciate any responses. Thank you.
Advertisement
Answer
You need to learn about CSS (cascading style sheets) (: HTML elements can be given classes like this
<html><head> <link rel="stylesheet" href="styles.css"></head><body> <div class="card">content</div></body></html>And if you have a stylesheet (file ending in .css included in the <head> of your document
/* styles.css */ .card { background-color: red;}The styles described in the .card class section will be applied to your html element (in this case a red background)
You probably missed a step in your tutorial about including some pre-created style sheet.