JSFiddle - React, Tailwind, and code Playground

HTML

<div id="block1">
	<p class="name">Portfolio</p>
	<p class="title"> IT / BUSINESS / WEB</p>

	<button class="cv">Download CV</button>
	
	
</div>

<div id="block2">
	<p>block 2</p>
</div>

<div id="block3">
	<p>block 3</p>
</div>

CSS

html { min-height: 100%; }
body { min-height: 100%; }

#block1 {
	background-color: black;
	min-height: 100%;
	color: white;
}

p.name { 
	font-size: 30px; 
	text-align: center;
	letter-spacing: 4px;
	font-family: 'bebas';
}

p.title { 
	text-align: center; 
	font-family: 'title';
	font-size: 10px;
	letter-spacing: 2px; 
}

button.cv {
	text-align: center;
	background-color: red;
	padding: 20px;
}






#block2 {
	background-color: white;
	height: 	100%;
}

#block3 {
	background-color: gray;
	height: 50%;
}