I need help figuring out a layout preferably only using Tailwind utility classes. AI is useless, it kind of runs me in circles and I suck at CSS.
I need to build a HTML page for my friends fast food menu in several languages.
Most of it I figured out, but there is this problem that is annoying.
It should be something like this:
Some food item -------------- price
Some other food item -------- price
- It should fill width of the screen, where food item is allowed to grow as much as it can, and it can wrap text.
- Dashes should be at least a little bit visible, even if it means shortening Food item a bit.
- Price should never wrap text.
- everything should be vertically centered.
Problem is with some long Food item names, when text wraps it sometimes leaves blank space on the right - the div doesn’t end where text does and it annoys me.
See how the first div ends where text ends, but if it wraps there is random white space on the right side.