Tailwind test

[jessicalee2005]

sorry I'm bad at github so im not sure if I did this correctly ? sorry I just made a new pull request.

I think I redid it using Tailwind ? If this is incorrect I might be stuck so I might need more help during the next meeting

[duc-beluga]

All good, no worries. :)) It seems like you've just created another branch. Try to push the new changes related to the feature to the same branch later on.

[duc-beluga]

You're doing in the right direction. You can actually apply styling directly in the component without creating a CSS class.

Instead of

A.jsx
<div className="container">
  <p> Hello World </p>
</div>

A.css
.container {
  background-color: black;
}

You can

A.jsx
<div className="bg-black">
  <p> Hello World </p>
</div>

Create a CSS file for each component (separation of concerns) is a good approach. However, it will become harder to maintain later on :)) Here's a fun clip about why we're choosing this approach.

https://www.youtube.com/watch?v=lHZwlzOUOZ4&ab_channel=Fireship