JSFiddle - React, Tailwind, and code Playground

by barzik

HTML

<div class='container'>
    
    <div class='main_image'>
        <img src='http://lorempixel.com/output/animals-q-c-400-50-7.jpg' />
        <a id='demo_link' href='http://google.com'></a>
    </div>
    <div class='main_col_container'>
        <div>Col 1</div>
        <div>Col 2</div>
        <div>Col 3</div>
    </div>
</div>

CSS

.container {
    width: 400px;  
}
.main_image {
    position: relative;   
}
.main_col_container > div {
    display: inline-block;
    width: 32%; 
}
#demo_link {
    background-color: green;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 5px;;
    left: 20px;
}