Styling a component

There are several ways to add style to a React component. Here are two simple methods:

• Import a CSS file
• Add CSS directly in our JS file

We can also use TailwindCSS or StyledComponents, but these libraries will not be used in this course

Importing a CSS file

Thanks to Vite and import, it is possible to simply separate the styles of our different components into dedicated .css files and import them into their respective component: