JSFiddle - React, Tailwind, and code Playground

by moku23

HTML

<style>
	.visite_flex {
		display: grid;
		gap: 8px;
		grid-template-columns: repeat(4, 1fr);
	}

	.visite_flex>div {
		cursor: pointer;
		position: relative;
		aspect-ratio: 1 / 1.1;
	}

	.visite_flex .visite_first {
		/* grid-row: 1 / 3; grid-column: 1 / 3; */
		grid-area: 1 / 2 / span 2 / span 2;
	}
</style>
<div style="margin:12px;">
	<div style="margin:16px 0px; height:auto;">
		<span class="piccologrigio">Visite al tuo Profilo</span>
		<div class="seztitle"><i style="color:#F90;" class="fas fa-fire-alt"></i>
			Sono <span style="color:#e78e09;">interessati</span> a te
		</div>
	</div>
	<div class="visite_flex">
		<div class="visite_first" onclick="location.href='/account/visite';"
			style="background-image: url('//img.annunci69.it/annunci/33/2539333/OgnitantoSex/icone/2539333_big.jpg'); background-size: cover; border-radius: 12px;">
		</div>
		<div class onclick="location.href='/account/visite';"
			style="background-image: url('//img.annunci69.it/annunci/87/3556987/Beat/icone/3556987_big.jpg'); background-size: cover; border-radius: 12px;">
			<div style="position:absolute; top:-6px; right:-6px; z-index:10;">
				<img style="border:0px;" src="https://img.annunci69.it/img/vip_badge.png" border="0" align="absmiddle" /></div>
			</div>
			<div class onclick="location.href='/account/visite';"
				style="background-image: url('//img.annunci69.it/annunci/18/3560218/Edo85/icone/3560218_big.jpg'); background-size: cover; border-radius: 12px;">
			</div>
			<div class onclick="location.href='/account/visite';"
				style="background-image: url('//img.annunci69.it/annunci/20/2882120/Giorgio74/icone/2882120_big.jpg'); background-size: cover; border-radius: 12px;">
			</div>
			<div class onclick="location.href='/account/visite';"
				style="background-image: url('//img.annunci69.it/annunci/51/3884651/Vogliosissimo77/icone/3884651_big.jpg'); background-size: cover; border-radius: 12px;">
			</div>
			<div class...