JSFiddle - React, Tailwind, and code Playground

by oganez09

HTML

<div class="image"><a href="/">
  <img src="http://www.newstracker.ru/media/ajax_uploads/adb600fa-5fcf-4307-af80-7c99c0fc47a9.jpg" alt=""></a>
  <button class="like uk-icon-heart-o"></button>
</div>

CSS

.image {
	padding: 20px;
	background-color: #fff;
	position: relative;
  width: 500px;
  height: 300px;
  margin: 0 auto;
}
.image a {
	z-index: 100;
	display: block;
}
.image img {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
}
.image .like {
	font-size: 20px;
	color: #4a4a4a;
	padding: 20px;
	border: none;
	outline: none;
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: #dbdbdb;
	z-index: 999;
}