(Stripe) Responsive Tailwind
Hello
I would like to make the UI responsive like Stripe. When on mobile there is a menu which there are options to choose aswell as sub-options.
Is it possible to re-create such thing in Tailwind?
21 Replies
it is possible, yes
Here is an example
tailwind can do pretty much anything vanilla CSS can do
mhm I am following a tutorial which recreates the Tailwind navbar but it's not responsive
Would you mind helping me getting some guidance trough that?
check out #how-to-ask-good-questions, post your code, and someone else might be able to help
Alright 👍
JS Fiddle would be appropriate for this?
probably, whatever you use has to demonstrate the problem you're having, or people won't be able to help
Since JSFiddle won't work and I don't have too much time to sign up for codepen I'll just drop the code here
people aren't going to be able to help as effectively if they can't see your code running
meh
codepen doesn't support all stuff?
No idea what you're asking
Tailwind has a playground too if you want to do that
Though codepen supports tailwind too, you just have to add it in settings under css
Found a Codesandbox playground
Are you looking for this?
https://tailwindcss.com/docs/responsive-design
Nope, not really useful in this case
Tryna set up some stuff in order to share the code
An example of a menu with hamburger for mobile is shown here: https://tailwindui.com/components/marketing/elements/headers
Headers - Official Tailwind CSS UI Components
Marketing header examples for Tailwind CSS, designed and built by the creators of the framework.
^ lol doubling the html 🙂🙃
Tailwind gotta tailwind
If it's not twice as verbose as you need, why even bother?
@Mannix @Jochem
1) this is surely not the place to discuss that (nor to display your dislike of a tool someone is using and has questions about)
2) Needing to double the HTML has nothing to do with TW. That depens on your framework.
yeah, fair enough. I apologize
yeah sorry i couldn't help myself
This is what I was looking for I'll take a look into it