JSFiddle - React, Tailwind, and code Playground

HTML

<html>

<head>


<link rel="stylesheet"
	href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
	integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
	crossorigin="anonymous">
<link rel="stylesheet"
	href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
	integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
	crossorigin="anonymous"></script>
	<script src="https://raw.githack.com/SortableJS/Sortable/master/Sortable.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/jquery-sortablejs@latest/jquery-sortable.js"></script>
	
<!--   
 --><script
	src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
	integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
	crossorigin="anonymous"></script>
<script
	src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
	integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
	crossorigin="anonymous"></script>

<style type="text/css">
.ui-draggable-dragging{
height: 250px; 
width: 250px;
background: yellow;
}
/* Hide ghost */
.sortable-drag {
  display: none;
}

#sortable1{
height:300px;
width: auto;
}
#sortable1 > div{
float: left;

}
.card{
	cursor: grab;
	height:250px;
	width:250px;
	padding: 10px 25px;
	flex: 0 0 auto;
}
.highlight{
background:yellow;
}
.ignore-elements.highlight{
background: white !important;}

.row{
    height: 328px;
    display: flex;
    flex-wrap: nowrap;
   overflow-x: auto;
   overflow-y: hidden;}
</style>

</head>
<body>
	<main role="main">
		<div class="container">
					
		
			<div class="row gridDemo m-2 p-4"   id="gridDemo0">
			
				<div class="card" data-id="0" >
					<div class="card-body">
					<div class="card-title"> My Card 0</div><button type="button" class="btn btn-danger" onclick="yahho()">Danger</button>
					
					</div>
				</div>
				<div...