/*
  https://jsbin.com/zalijikizo/edit?html,css,output
	
	<div class="container">
		<article>clanek</article>
		<article class="full">clanek</article>
		<article>clanek</article>
	</div>

*/

.container {
	background: gray;
	height: 100vh;
	width: max(50%, 500px);
	margin: auto;
}

article {
	background: coral;
	height: 200px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

article.full {
	background: black;
	box-shadow: 0 0 0 100vmax black;
	clip-path: inset(0 -100vmax);
	color: #fff;

}