JSFiddle - React, Tailwind, and code Playground

by crowjonah

HTML

<div data-role="homepage">
    <div data-role="content">   
        <div id="selectCircle">
            <img src="http://imageshack.us/a/img255/7623/zivew.png" alt="Zive.sk" id="ziveCircle">
            <img src="http://imageshack.us/a/img341/8328/mobil.png" alt="AutoMoto.sk" id="autoCircle">
            <img src="http://imageshack.us/a/img338/8507/autoq.png" alt="MobilMania.sk" id="mobilCircle">
        </div>
    </div>
</div>

CSS

body {background-color: black;}
#selectCircle {
    position:relative;
    margin-top: 50px;
    width: 600px;
    display: block;
    text-align: center;
    margin: auto;
    max-width: 100%;
}
img {max-width: 100%; box-sizing: border-box;}
#ziveCircle{
    display: block; 
    margin: 0 12%;
    max-width: 76%;
}
#mobilCircle{
    position:relative;
    float: left;
    width: 42%;
    margin-left: 5%;

}
#autoCircle{
    position:relative;
    float: left;
    width: 42%;
    margin-left: 6%;
}