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

css - Flex: When text too long break into new line - Stack Overflow

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

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

CSS Flex: What Every Developer Should Know

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

CSS Flexbox Tutorial: A Complete Guide

Chromium lands Flexbox gap, Blog

Handling Short And Long Content In CSS

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

CSS Gap Property: A Beginner's Guide To Perfectly Spaced Layouts

Flex Cheatsheet

A Guide to CSS Flexbox - CoderPad