It specifies the initial size of the flex item, before any available space is distributed according to the flex factors. When omitted from the flex shorthand, its specified value is the length zero.

A flex-basis value set to auto sizes the element according to its size property (which can itself be the keyword auto, which sizes the element based on its contents).

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

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

.flex-item:nth-of-type(1) {
	flex-basis: 40rem;

.flex-item:nth-of-type(2) {
	flex-basis: auto;

img {
	width: 20rem;