JSFiddle - React, Tailwind, and code Playground

by Ali Khaled

HTML

<link href="https://wp.liveAuctions360.com/wp-content/css/ali2.min.css" rel="stylesheet" media="all" type="text/css" /> 
<link href="https://liveauctions360.com/" rel="canonical" /> 
<link href="https://fonts.googleapis.com" rel="dns-prefetch" />
<link href="https://secure.rating-widget.com" rel="dns-prefetch" /> 
<link href="https://s.w.org" rel="dns-prefetch" />





<script src="https://wp.liveAuctions360.com/wp-includes/js/jquery/jquery.js" type="text/javascript" xml="space"></script>

<style xml="space"><!--
@media screen and (min-width:1100px){.mobileonly{display:none!important;}
.themeA_product_image_container{height:213px;}}
@media screen and (max-width:1100px){.mobileonly2{display:none!important;}}
@media screen and (max-width:1100px) and (min-width:0px){.review-card{padding:5px;}
.review-card__body{font-size:11px;}
.vc_custom_1526357765562{font-size:18px!important;}
.vcex-heading-inner{font-size:15px!important;}
.fontsforweb_fontid_10146{font-size:15px!important;}
.resimgring{max-width:35px!important;margin:-16px -43px!important;}
.widget-heading{font-size:15px!important;}
.widget-contact h4{font-size:15px!important;}
.disapear{display:none!important;}
.resimg2{max-width:35px!important;margin:-16px -43px!important;}
.ad-box-text{}
.text-left{display:none!important;}
.newtext{display:none!important;}
.text-right{display:none!important;}
.resimg{max-width:20px!important;margin:-16px -33px!important;}
.alllots{max-width:35px!important;margin:-16px -43px!important;}
.mobali2{max-width:35px}
.bgHeaderDrk{display:none!important;}
.wpcsp_product_carousel_slider .owl-item .item h4{font-size:13px!important;}
.ad-box p{font-size:10px!important;}
.ad-box-text{padding:32px 14px 63px 15px;}
.upcomin_auc_span{display:none!important;}
}
.slick-slide{margin:0px 20px;}
.slick-slide...