(Stripe) Responsive Tailwind

wave 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
Jochem
Jochem16mo ago
it is possible, yes
4ngel_._
4ngel_._OP16mo ago
Here is an example
No description
No description
Jochem
Jochem16mo ago
tailwind can do pretty much anything vanilla CSS can do
4ngel_._
4ngel_._OP16mo ago
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?
Jochem
Jochem16mo ago
check out #how-to-ask-good-questions, post your code, and someone else might be able to help
4ngel_._
4ngel_._OP16mo ago
Alright 👍 JS Fiddle would be appropriate for this?
Jochem
Jochem16mo ago
probably, whatever you use has to demonstrate the problem you're having, or people won't be able to help
4ngel_._
4ngel_._OP16mo ago
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 pepeCryingHands
Jochem
Jochem16mo ago
people aren't going to be able to help as effectively if they can't see your code running
4ngel_._
4ngel_._OP16mo ago
meh codepen doesn't support all stuff?
Jochem
Jochem16mo ago
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
4ngel_._
4ngel_._OP16mo ago
Found a Codesandbox playground
Wolle
Wolle16mo ago
4ngel_._
4ngel_._OP16mo ago
Nope, not really useful in this case Tryna set up some stuff in order to share the code
Wolle
Wolle16mo ago
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.
Mannix
Mannix16mo ago
^ lol doubling the html 🙂🙃
Jochem
Jochem16mo ago
Tailwind gotta tailwind If it's not twice as verbose as you need, why even bother?
Wolle
Wolle16mo ago
@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.
Jochem
Jochem16mo ago
yeah, fair enough. I apologize
Mannix
Mannix16mo ago
yeah sorry i couldn't help myself
4ngel_._
4ngel_._OP16mo ago
This is what I was looking for 4218pepesuit I'll take a look into it
Want results from more Discord servers?
Add your server