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

html - How do you make a flex item break to the next line? - Stack Overflow

Basic concepts of flexbox - CSS: Cascading Style Sheets

CSS Flex: What Every Developer Should Know

Basic concepts of flexbox - CSS: Cascading Style Sheets

4. Flexbox Examples - Flexbox in CSS [Book]

CSS Flexbox Explained – Complete Guide to Flexible Containers and Flex Items

Overflow Wrap in a Flex container - DEV Community

Understanding the flex-wrap property in CSS

The CSS Flexbox Handbook – Complete Guide with Practical Examples