Adding the Global CSS File
Global CSS files typically include elements like layout, typography, and other consistent design patterns across different application parts.
If you navigate to the app/ui
folder, you will find a file named global.css
. This file allows you to apply CSS rules to all the routes in your app. Although you can include global.css
in any component, it is recommended to include it in the root layout (app/layout.tsx
), which is the main component of the app.
Let's add the global styles to the app. Go to app/layout.tsx
and import the global.css
file.
After incorporating the global styles, you should see the following view if the local development server is still running: http://localhost:3000/
In Practice
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Awesome!
Completion rate improved to 2.08
Adding the Global CSS File
Stryg for at vise menuen
Global CSS files typically include elements like layout, typography, and other consistent design patterns across different application parts.
If you navigate to the app/ui
folder, you will find a file named global.css
. This file allows you to apply CSS rules to all the routes in your app. Although you can include global.css
in any component, it is recommended to include it in the root layout (app/layout.tsx
), which is the main component of the app.
Let's add the global styles to the app. Go to app/layout.tsx
and import the global.css
file.
After incorporating the global styles, you should see the following view if the local development server is still running: http://localhost:3000/
In Practice
Tak for dine kommentarer!