html - flex-wrap causing next line to have too big of a gap

I have this flexbox that is used to vertically centre two lines of text. The two lines of text are too far apart. Here is an image of what I'm talking about: Here is my code: CSS .vertical-cente

Ordering flex items - CSS: Cascading Style Sheets

Flex WRAP discussion - HTML & CSS - SitePoint Forums

Flex Wrap - Tailwind CSS

CSS Gap creates a bright future for margins in Flex as well as Grid

CSS Flexible Box Layout Module Level 1

How to use Flexbox to create a modern CSS card design layout

A Guide to CSS Flexbox - CoderPad

A Guide to CSS Flexbox - CoderPad

Controlling ratios of flex items along the main axis - CSS: Cascading Style Sheets

CSS Flexbox. The Flexible Box Layout Module makes it…

Understanding Flexbox: Everything you need to know

How to use percentage width children with flexbox gap? : r/Frontend

Basic concepts of flexbox - CSS: Cascading Style Sheets