Need a CSS expert (Tailwindcss)
I am trying to figure out chatGPT manage to stick the prompt area to the bottom. I copied their code but it doesn't work as expected and I am not sure how to get the same results.
any help is appreciated
Simple version:
https://play.tailwindcss.com/IVZVV4w0jj
Original Version:
https://play.tailwindcss.com/Vd53rxT94D
Tailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
Tailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
12 Replies
instead of
absolute
use sticky
@markboots. will not work
well i changed it on you simple version, and it does work
yes but it stacks over the sidebar!
then put it in the the one where it should be
it should remain in its container , that is the tricky part
fine, but now look at the bottom-right corner
the full version works perfectly on chatGPT website. but the copied code doesn't work as expected!
got the idea?
i don't work with tailwind a lot (read: at all), and i don't want to dive into what chatgpt does
But, with a bit of understanding of css and reading the docs of tailwind, this works
give yourself some time to understand what is what and what it does. don't just copy something without understanding what it does and hoping it will just work. And before using tailwind, make sure you know at least the basics of css
😲
Tailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.