JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<div class="homeBtn" id="hmeLnRpy">
						<table>
							<tr>
								<td style="width:80%">
									<article style="padding-top:15px;padding-left:10px;">
									  <h3>Sample header</h3>
									  <p style="font-size:14px;">Sample text  </p>							  
									</article>
								</td>
								<td style="width:20%">
									<span><img src="https://cdn4.iconfinder.com/data/icons/brightmix/128/monotone_arrow_next_right.png" style="float:right;background-size:16px 16px;"></img></span>
								</td>
							</tr>
						</table>
					</div>

CSS

.homeBtn{
	background-color:#eae5c5;
	width:100%; 
	height:150px;
	border-radius: 15px;
	border: 1px solid #c3c3c3;
}	
.homeBtn:hover{
	background-color:#dae5c5;
	width:100%; 
	height:150px;
	border-radius: 15px;
	border: 1px solid #c3c3c3;
}