Banner center Text small snippet

by Faisal Khan Janjua

HTML

<div class="header-banner" style="background-image: url(https://wallpaper.wiki/wp-content/uploads/2017/04/wallpaper.wiki-Images-wallpaper-new-PIC-WPC00923.jpg);">
    <h1>Explore Projects</h1>
</div>

SCSS

body {
  margin: 0;
  padding: 0;
}
.header-banner {
	width: 100%;
	width: 100vw;
	height: 300px;
	display: table-cell;
	vertical-align: middle;
	background: no-repeat center center;
	background-size: cover;
	& h1 {
		margin: 0;
		font-size: 40px;
		font-weight: 600;
		color: #26CC00;
		text-align: center;
		letter-spacing: 0.5px;
	}
}