#Tailwind Responsive Design
heady tendon
u mean flex
stable drift
Something like hidden md:inline on the buttons.
heady tendon
i just have to make the button responsive
may be just render other component when on smaller device
using hooks
stable drift
Yeah, there're different approaches, so I wonder which is the simpliest.
If I understand correctly, you want to hide some buttons under certain size?
stable drift
Oh, so you don't have access to individual buttons.
heady tendon
yeah
stable drift
If the library doesn't support it, you might need to just make the UI yourself.
Good refactoring practice to get rid of dependencies when it doesn't work like you wanted.
heady tendon
how to hide these dots
stable drift
Looking through the react-paginate docs, the prop seems to be breakLabel="...", so maybe add breakLabel=""
stable drift
👍 there's a bunch of other display options to fine-tune how you want it to look https://tailwindcss.com/docs/display
might be md:block or something, play around a bit.
heady tendon
block level element
stable drift
One thing you can do is revert real quick, inspect element and see what display- css it originally is.
stable drift
👍
