JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="flyer" class="results">
		        <div v-for="item in items" class="{{status}}" >	
		    
		<section id="results">			

		<article id="{{id}}"> 
		<div class="container">

		<main>
		<img id="myImage" class="imagen1" src="{{foto1}}"/>
		<div class="for-sale">
		<div>
		<img class="logo" src="logo.svg"/>
		</div>
		<h1><span class="blue light-weight">{{propiedad}}</span><br/><strong>{{tipo}}</strong></h1>
		<h2 class="thousands2"><b class="thousands">{{precio}}</b><SUP class="expo">{{moneda}}</SUP></h2>
		<h4>Fecha de Precio: <span id="date">{{fechahoy}}</span> </h4>
		</div>
		</main>
		<div class="slogan results">
		<span class="desarrollo">{{desarrollo}}</span><br>
		<span style="color:#E5DB8B;font-size:13px">{{localidad}}, {{municipio}}</span>
		</div>
		<div class="home-features">
		<figure>
		<img src="{{foto2}}"/>
		<figcaption>
		<h4>COMODIDAD</h4>
		</figcaption>
		</figure>
		<figure>
		<img src="{{foto3}}"/>
		<figcaption class="active">
		<h4>UBICACIÓN</h4>
		</figcaption>
		</figure>
		<figure>
		<img src="{{foto4}}"/>
		<figcaption>
		<h4>PLUSVALÍA</h4>
		</figcaption>
		</figure>
		</div>
		<div class="more-info">
		<ul><br>
		<span class="carac">CARACTERÍSTICAS</span>
		<li><span class="specs">Recámaras:</span> {{recamaras}}</li>
		<li><span class="specs">Baños:</span> {{baños}}</li>
		<li>{{mtsterreno}} de terreno ({{dimensiones}})</li>
		<li>{{mtsconstruccion}} de construcción</li>
		<li>Estacionamiento para {{cajones}} autos</li>
		<li>{{seentregacon}}</li>
		<br><span class="carac">AMENIDADES</span>
		<li style="text-align:justify;margin-right:20px">{{atractivos}}</li><br>
		</ul>
		<div class="realtor">
		<figure>
		<img onclick="printDiv('{{id}}')" src="https://drive.google.com/uc?id=1JqCcYaI0wz9xqIWhtCGgvkBAtkWWFyP8"/>
		<figcaption>
		<p><b>Ariadna M. Valtierra<br></b>
		Asesor Inmobiliario
		<a...