JSFiddle - React, Tailwind, and code Playground

HTML

<div class="vid_mat">
<img class="vid_prew" src="http://s5.goodfon.ru/wallpaper/previews-middle/3509.jpg" />
<div class="vid_time">
<span id="vid_time">33:33</span>
</div>
<div class="vid_catp">
<span id="vid_catp">Категория</span>
</div>
<div class="vid_name">
<a href="#" class="vid_name">This is title of material</a>
</div>
</div>

<div class="vid_mat">
<img class="vid_prew" src="http://s5.goodfon.ru/wallpaper/previews-middle/3509.jpg" />
<div class="vid_time">
<span id="vid_time">33:33</span>
</div>
<div class="vid_catp">
<span id="vid_catp">Категория</span>
</div>
<div class="vid_name">
<a href="#" class="vid_name">This is title of material</a>
</div>
</div>
<div class="vid_mat">
<img class="vid_prew" src="http://s5.goodfon.ru/wallpaper/previews-middle/3509.jpg" />
<div class="vid_time">
<span id="vid_time">33:33</span>
</div>
<div class="vid_catp">
<span id="vid_catp">Категория</span>
</div>
<div class="vid_name">
<a href="#" class="vid_name">This is title of material</a>
</div>
</div>

CSS

.vid_mat {
width: 228px;
border: 1.3px solid #d0d0d0;
background: #ececec;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 0;
padding-top: 3.7px;
display: inline-block;
    position: relative;
}
.vid_name { 
padding-left: 0.9px;
padding-top: 3px; 
}
a.vid_name { 
text-shadow: #ffffff 0 1px 0; 
color: #127ad0; 
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px; 
text-transform: uppercase; 
text-decoration: none; 
}
a.vid_name:hover { text-decoration: underline }
.vid_prew { 
width: 222px;
height: 138px; 
padding: 1.4px 0 0 0; 
}
.vid_time { 
background: #000; 
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
height: 12px;
width: 34px;
position: absolute; 
top: 129.6px;
opacity: 0.44;
filter:alpha(opacity=44);
}
#vid_time { 
color: #FFF; 
font-family: Tahoma, Geneva, sans-serif; 
font-size: 8pt;
position: absolute; 
left: 3px;
bottom: 0.3px;
}
.vid_catp {
background: #000; 
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
height: 12px;
width: 90px;
position: absolute; 
top: 129.6px;
left: 136.6px;
opacity: 0.44;
filter:alpha(opacity=44);
}
#vid_catp { 
bottom: 0.3px;
color: #FFF; 
font-family: Tahoma, Geneva, sans-serif; 
font-size: 8pt;
position: absolute; 
left: 18.4px;
text-transform: uppercase; 
}