JSFiddle - React, Tailwind, and code Playground

by Bintang Anandhiya

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<div class="container-fluid" style="background: #f8f9fa">
	<div class="row">
		<div class="col-md-12">
		    
			<div class="jumbotron">
			    <div class="row" style="background: none">
			    <img class="col-md-4" src="http://theoldreader.com/kittens/400/400">
			    <div class = "col-md-8"><h2>
				    	Bintang Anandhiya
				    </h2>
				    <p>
				    	Hi everyone. My name is Bintang Anandhiya and this is my website, I'm currently trying to learn basic web development. Fortunately I'm quite good at designing so I already have the basic knowledge of layout down atleast. I really like cats if you can see, that is why I use them for the mockup images.
				    </p>
				    <p>
				    	<a class="btn btn-primary btn-large" href="https://www.instagram.com/bintangnndhy/">Follow my IG</a>
				    </p>
			    </div>
			    </div>
			</div>
		</div>
	</div>
	<h1 style="margin-bottom: 30px">These are my projects</h1>
	
	<div class="row">
		<div class="col-md-4">
			<h2>
				AjakGerak
			</h2>
			<img class="w-100 p-1" src="http://theoldreader.com/kittens/505/505">
			<p>
				Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
			</p>
			<p>
				<a class="btn" href="#">View details »</a>
			</p>
		</div>
		<div class="col-md-4">
			<h2>
				KMHI
			</h2>
			<img class="w-100 p-1"...

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}