/* This is some default styling for the exercise */
.container .block {
  height: 200px;
}
.container .block:nth-of-type(even) {
  background-color: #333;
}
.container .block:nth-of-type(odd) {
  background-color: #AAA;
}

/* Code Task */

* {
	box-sizing: border-box;
}

.box {
	display: flex;
	flex-wrap: wrap;
}

.box-item {
	flex: auto;
	/* shorthand: https://css-tricks.com/almanac/properties/f/flex/ */
}

@media (max-width: 30em) {
	.box-item {
		flex: 0 0 100%;
	}
}