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

Understanding Flexbox: Everything you need to know, by Ohans Emmanuel, We've moved to freeCodeCamp.org/news

Understanding the flex-wrap property in CSS

CSS { In Real Life } (Don't) Mind the Gap

4. Flexbox Examples - Flexbox in CSS [Book]

CSS Flexbox. One of the most useful properties I…, by Jamal Fox

A Complete Guide to Flexbox

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

Wrapping text in flex-item? - HTML & CSS - SitePoint Forums

Flexbox items dividers, by Massimo Cassandro

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

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

Basic concepts of flexbox - CSS: Cascading Style Sheets

Flex WRAP discussion - HTML & CSS - SitePoint Forums