EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>The flex-shrink property in CSS</title>
	<style type="text/css">
		#content {
		  display: flex;
		  width: 400px;
		}
		
		#content div {
		  flex-basis: 110px;
		  border: 3px solid purple;
		}
		
		.box {
		  flex-shrink: 0;
		}
		
		.box1 {
		  flex-shrink: 0;
		}
	</style>
</head>

<body>
	<div id="content">
		<div class="box" style="background-color:red;">A</div>
		<div class="box" style="background-color:lightblue;">B</div>
		<div class="box" style="background-color:yellow;">C</div>
		<div class="box1" style="background-color:purple;">D</div>
		<div class="box1" style="background-color:gray;">E</div>
	</div>
</body>

</html>