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!
9 Replies
if i add the cdn link from the docs it's working
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
Sidenote: careful how you use absolute.
might want to look into layering with grid its really easy 😄 https://codepen.io/b1mind/pen/LYmqGBa
your link just has the css there is nothing for pseudo element in it
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
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!