522346

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; }
JAVASCRIPT
Expand for more options Login