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

Minding the gap CSS-Tricks - CSS-Tricks

Understanding the flex-wrap property in CSS

Flex Cheatsheet

CSS flex-wrap property - GeeksforGeeks

CSS Flexbox Explained – Complete Guide to Flexible Containers and

Handling Short And Long Content In CSS

css - Flexboxgrid and gap overflow issue - Stack Overflow

Flexbox - Webflow University Documentation

html - Extra space because of flex wrap - Stack Overflow

A Guide to CSS Flexbox - CoderPad

Flexbox in CSS: A Complete Guide - BPI - The destination for everything process related

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