#Not being able to apply flex, width padding and margin with Tailwind

1 messages · Page 1 of 1 (latest)

deep mason
#

Hi there,

Excuse me if this is a ridiculous question, but it can't possibly be because I've spent several hours with a friend of mine trying to figure out why some Tailwind classes won't apply to my project. This is a coding challenge that was sent to me by a potential employer. The goal is to build three components mimicking their Figma files exactly.

The project itself isn't that complicated, but once I'm trying to use Tailwind, only classes like background color and text color etc are being applied. Apart from that I'm not able to apply any other classes and it's driving me a bit nuts. I've looked into if:

  • any other classes are overriding
  • It would work on another computer
  • Uncommenting their initial SCSS styling
  • Asked ChatGPT
  • Googled

Maybe I'm missing something very obvious, but I would so greatly appreciate if anyone would be willing to help me!

Thank you so much,
Nina

outer skiff
#

In your main css file, did you call

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