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

4. Flexbox Examples - Flexbox in CSS [Book]

Overflow Wrap in a Flex container - DEV Community

Ordering flex items - CSS: Cascading Style Sheets

CSS Flexbox Tutorial: A Complete Guide

Building Website Headers with CSS Flexbox

CSS Gap Space with Flexbox - DEV Community

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

When to use Flexbox and when to use CSS Grid - LogRocket Blog

Handling Short And Long Content In CSS

Wrapping Flex Items (How To), CSS Flexbox Layout