JSFiddle - React, Tailwind, and code Playground

HTML

<span class="pro3">{t _description}</span>

<div class="details-contact">
    
    <div class="details-b4-cont">
        {if $product.longDescription_lang || $product.shortDescription_lang}
        
        <div id="productDescription">
            {if $product.longDescription_lang}
            {$product.longDescription_lang}
            {else}
            {$product.shortDescription_lang}
            {/if}
        </div>
        {/if}
    </div>
    
    <!--Contact form starts here-->
    
    
    <div class="questions">
        
        <span class="nobr1">
            
            <img src="http://euroworker.no/public/upload/productimage/7-254-4.jpg" alt="Spør Kundeservice" height="34px" width="42px" style="display:inline; float:left;"/>
            
            <span class="cont-mails">{t _inquire}</span>
            
            {if $product.sku}
            <span class="cont-sku"> {$product.sku|truncate:20}</span>
            {/if}
        </span>
        
        {form action="controller=product action=sendContactForm" method="POST" handle=$contactForm id="productContactForm" onsubmit="new Product.ContactForm(this); return false;"}
        <p class="required">
            {err for="name"}
            
            {textfield class="quetext" value="Navn&#42;" onblur="if(this.value=='') this.value='Navn&#42;';" onfocus="if(this.value=='Navn&#42;') this.value='';"}
            {/err}
        </p>
        
        {* anti-spam *}
        <div style="display: none;">
            {err for="surname"}
            {{label Your surname:}}
            {textfield class="quetext" id="surname"}
            {/err}
        </div>
        
        <p class="required">
            {err for="email"}
            
            {textfield class="quetext" value="Epost&#42;" onblur="if(this.value=='') this.value='Epost&#42;';" onfocus="if(this.value=='Epost&#42;') this.value='';"}
            {/err}
        </p>
        
        <span class="nobr2"><span...