homework/02.02.2018/Task 4/style.css

.container {
	width: 50%;
	box-shadow: 0 0 5px black;
	margin: 0 auto;
	padding: 15px;
	padding-top: 50px;
}

.flex-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}

.flex-block {
	width:  calc(100%/12);
}

.block-1 {
	height: 70px;
	background: pink;
}

.block-2 {
	height: 50px;
	background: purple;
}

.block-3 {
	height: 30px;
	background: green;
}

.block-4 {
	height: 100px;
	background: yellow;
}

.block-5 {
	height: 90px;
	background: orange;
}

.block-6 {
	height: 60px;
	background: blue;
}

.block-7 {
	height: 10px;
	background: SeaGreen;
}

.block-8 {
	height: 35px;
	background: red;
}

section > section {
	position: relative;
}

section > section > span {
	position: absolute;
	left: 30%;
	bottom: 100%;
	font-size: 20px;
	font-weight: bold;
}