KPC
Kevin Powell - Community•6d ago
SpongeBob

Tailwindcss flex-col issue

Hi guys, I am trying to build a login page and currently I am using tailwind css to build it. I am putting flex-col as a property but its changes are not reflecting. I am not sure what I am doing wrong, can someone help? I can clearly see flex property is getting set on right side of dev tools but not the flex-col property
No description
3 Replies
SpongeBob
SpongeBob•6d ago
Looks like sometimes the tailwind css changes are reflecting and sometimes not. I tried putting the color changes, it was reflecting fine but suddenly it stopped reflecting. Not sure whats going on.
Kevin Powell
Kevin Powell•5d ago
Could be something with the JIT not working properly for some reason... something with the config somewhere... I don't know enough about that side of things with TW, but it's the only thing I can think of, it's like it's not generating them, even though you need them 🤷
SpongeBob
SpongeBob•5d ago
I found the issue last night, the tailwindconfig.css file was only looking for the files in src and the Login page was present inside the pages folder which was outside that src folder. Either we can update the tailwindconfig.css file to look inside pages folder too or we can move the pages folder inside the src folder
Want results from more Discord servers?
Add your server
More Posts
How to create a shimmer effect on borderHey guys. I would like to know how to create this shimmer effect on the border in button like one onSlack App UI improvements.Hello there fellers I was working in an old code base for slack integration in a rails app. I was clayouts that are visually different to the domHey, if you have a layout that is visually different to the way it’s written in the dom, perhaps somTrying to make this animation look smootherI am trying to make the boat look smoother with keyframes animations ```css img { width:whats the good practice for grid lay outhi guys i jut want to hear you opinions. If you have multiple components in vue and you use grid layCreating responsive navigation bars with a hamburger menuI've set out to learn more about navigation bars and how to properly create them, i'd like to createis there any way to make my sass files less messy?As you can see, for every sass file I make, there's the map and the regular css file that comes withHow to get to differently named array-items when iterating over the whole array?```js for(let item of data) { random = item.capital[0]}`; } ``` This is how I us