JSFiddle - React, Tailwind, and code Playground

HTML

<article>
    <div id="espaiContacte">
        <div id="filaContacte">
            <div id=col1>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem cum error accusamus cupiditate aliquam explicabo labore praesentium dolore soluta nemo quidem harum architecto hic necessitatibus quas ducimus magnam deleniti expedita. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis libero quae nesciunt voluptate dignissimos sit eum voluptates omnis dicta rem alias quidem debitis veritatis error sint est accusamus ab magnam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum esse vitae repudiandae ducimus facilis porro architecto consequuntur beatae fugit corporis dolore tenetur eos quibusdam aspernatur nihil repellendus vero animi quia? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque sint rem impedit necessitatibus iure maiores! Mollitia consectetur eveniet eum totam veniam minima ratione. Architecto fugit at dignissimos necessitatibus aliquam sit.
            </div>
            <div id="col2">sdfsdf
                <iframe src="https://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=rifos,+13,+sabadell&amp;aq=&amp;sll=41.779505,1.746826&amp;sspn=3.350703,7.13562&amp;ie=UTF8&amp;hq=&amp;hnear=Passatge+dels+Rif%C3%B3s,+13,+08203+Sabadell,+Barcelona&amp;t=m&amp;z=14&amp;iwloc=A&amp;ll=41.532617,2.117664&amp;output=embed"></iframe>
                <p><small><a href="https://maps.google.es/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=rifos,+13,+sabadell&amp;aq=&amp;sll=41.779505,1.746826&amp;sspn=3.350703,7.13562&amp;ie=UTF8&amp;hq=&amp;hnear=Passatge+dels+Rif%C3%B3s,+13,+08203+Sabadell,+Barcelona&amp;t=m&amp;z=14&amp;iwloc=A&amp;ll=41.532617,2.117664"><?php echo $mapa[$idioma] ?></a></small>
                </p>
            </div>
        </div>
    </div>
</article>

CSS

#espaiContacte {
    display:table;
    width:100%;
}
#filaContacte {
    display:table-row;
}
#col1 {
    display:table-cell;
    width:50%;
}
#col2 {
    display:table-cell;  
    width:50%;
}
#col2 {
    position:relative;
    height:0;
    overflow:hidden;
}
#col2 iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-width:450px;
    max-height:350px;
}
#col2 a {
    text-decoration:none;
    color:#000;
    text-align:center;
    font: bold 1.2em/1.0'Century Gothic';
    width:100%;
}