HTML
<div class="content-wrapper">
<div class="objects-wrapper">
<div class="object">
<a href="link_do_obiektu.php">
<h1>header</h1>
</a>
<hr class="object-hr">
<a href="link_do_obiektu.php">
<img class="object-img" src="<?php //echo $this->url() ?>img/images/d91fb359652b5c9d9842b11d1c6fada5.jpg"/>
</a>
</div> <!-- /object -->
</div> <!-- /objects-wrapper -->
</div>
CSS
.content-wrapper {
margin: 30px 0;
background-color: #000;
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.objects-wrapper {
width: 100%;
max-width: 840px;
text-shadow: 1px 1px 1px rgba(40, 40, 40, 1);
}
.object {
background-color: $contentBgcolor;
width: 100%;
min-height: 350px;
max-height: 2000px;
box-sizing: border-box;
padding: 20px 35px 30px 35px;
margin: 0 0 30px 0;
}
.object-hr {
border-top: 3px double #8c8c8c;
margin-top: -10px;
}
.object-img {
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
max-width: $mainContainerWidth * 0.75;
max-height: 860px;
width: 100%;
border: 1px solid #fff;
}
