JSFiddle - React, Tailwind, and code Playground

by alemarch

HTML

<nav>
<div class="content">
    <img src="ikoner/icon_90_2.png"/>
    <div class="text"><a href="#">Utvecklingen sedan 90-talet</a></div>
</div>

<div class="content">
    <img src="ikoner/icon_html5.png"/>
    <div class="text"><a href="#">HTML5</a></div>
</div>

<div class="content">
    <img src="ikoner/icon_html5video.png"  />
    <div class="text"><a href="#">HTML5 Video</a></div>
</div>

<div class="content">
    <img src="ikoner/icon_heart.png"/>
    <div class="text"><a href="#">Emotional Design</a></div>
</div>    
    
<div class="content">
    <img src="ikoner/icon_responsive.png"  >
    <div class="text"><a href="#">Responsive Webdesign</a></div>
</div>    


</nav>

CSS

.content {
    position: relative;
    width: 100px;
    display: inline-block;
    height: 520px;
    text-align: center;
    vertical-align:bottom; 

}

.content img    {
    padding-top: 370px;
    width: 100px;
    display:block;
    margin: auto;
}

.text a   {
    font-size: 12px;
    font-family: 'ciclethin';
    text-decoration: none;
}

.text {
    height: 3em; 
 
}

div