Tailwind CSS not applied in VS code project?

Question

I am developing a project using Laravel 10.18.10 and downloaded the tailwind extension in VS code. When I try to apply the tailwind code, it doesn't seem to be applied to the project. When I hover over the code, the popup window appears as shown. But it does not take effect in the displayed page. Displayed page

By the way, the file is stored in the /resources/views directory, does anyone know what could be causing this problem?

I tried downloading the headwind extension, but it didn't work either. I want to add some padding between two words but can't seem to figure out the problem.

Answer 1

You put

@tailwind base;
@tailwind components;
@tailwind utilities;

Is it placed in the global.css file?