While working on a side project last week, I ran into a pretty ugly visual bug with long content.
After brainstorming a bit, I decided that wrapping the Discussed IRL
badge
across lines might look okay. Then the question was, should it wrap upwards or
downwards?
Based on my really rough mockup, I decided that the badge should wrap upward.
I struggled to find the best way of implementing this until I learned that
flex-wrap
has a
wrap-reverse
option.
Perfect! After applying this to my existing code, I was pretty happy with the result!