html - flex-wrap causing next line to have too big of a gap
By A Mystery Man Writer
Description
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
Controlling ratios of flex items along the main axis - CSS: Cascading Style Sheets
html - Remove space (gaps) between multiple lines of flex items when they wrap - Stack Overflow
Building Website Headers with CSS Flexbox
Understanding the flex-wrap property in CSS
Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc)
Flex right and left division with certain gap in the middle - HTML & CSS - SitePoint Forums
CSS Gap creates a bright future for margins in Flex as well as Grid
CSS Flexbox Explained – Complete Guide to Flexible Containers and
CSS Flexbox Explained – Complete Guide to Flexible Containers and Flex Items
Overflow Wrap in a Flex container - DEV Community
Equal Columns With Flexbox: It's More Complicated Than You Might Think
Ordering flex items - CSS: Cascading Style Sheets
html - Why does my flex-wrap have large gaps and why does it change the flex-direction to a column? - Stack Overflow
from
per adult (price varies by group size)