JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
	<p>A relatively new sport</p>
	<p>Welcome to my Portal</p>
	<p>Welcome to my Portal</p>
	<p>Welcome to my Portal</p>
</div>
<div class="content">
	<p>packages and web page </p>
	<p>Welcome to my Portal</p>
	<p>A relatively new sport</p>
	<p>Welcome to my Portal</p>
</div>
<div class="content">
	<p>Welcome to my Portal</p>
	<p>packages and web page</p>
	<p>A relatively new sport</p>
	<p>Welcome to my Portal</p>
</div>

CSS

.content{width:300px;padding:10px;float:left;border:1px solid black;margin-right:1px;}
	.content p{text-align: center;}

JavaScript

$(document).ready(function(){
    $(".content").hover(function(){
        $(this).css("background-color", "grey");
        }, function(){
        $(this).css("background-color", "pink");
    });
});