<div class="line">
		<div class="pink el"></div>
		<div class="orange el"></div>
		<div class="orange el"></div>
		<div class="orange el"></div>
		<div class="dark-pink el"></div>
	</div>
	<div class="line">
		<div class="pink el"></div>
		<div class="orange el"></div>
		<div class="orange el"></div>
		<div class="orange el"></div>
		<div class="dark-pink el"></div>
	</div>
.line {
	display: flex;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1400px;
}

.el {
	width: 360px;
	height: 240px;
	border-radius: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.pink {
	background: #6507b3;
  margin-left: -50px;
  opacity: 0.5;
}

.orange {
	background: #6507b3;
}

.dark-pink {
	background: #6507b3;
	margin-right: -50px;
  opacity: 0.5;
}






External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.