Pseudo element not appearing in a tailwind codepen

Hello! I've a barebones codepen I've taken out of my project in order to have a bit of bug-hunting fun, and have found that the pseudo element (line 6) isn't appearing in codepen, but it is in my project. I'm just not sure why! https://codepen.io/nwoodward/pen/JjBGbqW?editors=1000 Thanks!
nick
CodePen
JjBGbqW
...
9 Replies
Mannix
Mannix•2y ago
if i add the cdn link from the docs it's working
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.tailwindcss.com"></script>
JWode
JWode•2y ago
wow, that is so weird - I wonder why it doesn't work with the other cdn link? Also, it was ignoring other properties like 'grayscale', so I should've noticed! Thanks a lot
b1mind
b1mind•2y ago
Sidenote: careful how you use absolute.
b1mind
b1mind•2y ago
might want to look into layering with grid its really easy 😄 https://codepen.io/b1mind/pen/LYmqGBa
Mannix
Mannix•2y ago
your link just has the css there is nothing for pseudo element in it
JWode
JWode•2y ago
oh, ok, I had no idea that it was split up like that - pretty new to tailwind. I'm guessing that's also why it didn't style the image? That grid method looks interesting, thanks. Out of interest, the only thing I have to worry about with that absolute approach is overflowing text, right? It's just I'm experiencing a weird issue where the top div is collapsing slightly (the pseudo element isn't). And of course, I can't replicate it XD
JWode
JWode•2y ago
JWode
JWode•2y ago
JWode
JWode•2y ago
absolutely stumped 😭 add a bottom margin to the top div and it disappears :/ Should probably start another question for it though, I just thought something might spring to mind!
Want results from more Discord servers?
Add your server