The flex-grow property defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up.

For example, if all items have flex-grow set to 1, every child will set to an equal size inside the container. If you were to give one of the children a value of 2, that child would take up twice as much space as the others.

.flex-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom:  1.875rem;
	background-color: #d6e9fe;
	color: #5995DA;

.flex-item {
	padding: 1.25rem;
	background: #fff;
	border: 0.0625rem solid #003264;
	text-align: center;

.flex-item {
	flex-grow: 1;

.flex-item:nth-of-type(3) {
	flex-grow: 2;

img {
	width: 6.25rem;