waak, В общем нужна помощь в адаптивности вида фотографий. Я в адаптивности не селён, и мне бы хотелось сделать адаптивность вида фото как на этом сайте.
Переход на сайт: 7themes.su/photo/hd_wallpapers/22
Код моего вида фотографий.
Код
<div class = "tag_name">
<center>
<span><?if(len($PHOTO_NAME$)>21)?><?substr($PHOTO_NAME$,0,21)?>...<?else?>$PHOTO_NAME$<?endif?></span>
</center>
</div>
<span class="ph-wrap"><a href="$PHOTO_URL$" data-url="$PHOTO_URL$" title = "$PHOTO_NAME$">$PHOTO$</span></a>
<div class = "tag">
<center>
<span><i class="fa fa-eye" title="$REVIEWS$"></i>$REVIEWS$</span>
<span><i class="fa fa-star" title="$RATING$"></i>$RATING$</span>
<span>$PHOTO_SIZE$</span>
</center>
</div>
<style>
.tag {display:block; line-height:35px; background: #b33d3d;color: #fff; border-radius: 0px 0px 8px 8px;}
.tag span {border-right: 1px solid #842d2d; display: inline-block;text-align: center;font-size: 14px; padding: 0 10px; margin: 0 1px;}
.tag i {margin-right:3px;font-size:15px;}
.tag span:last-child{border-right:none;}
.tag_name {display:block; line-height:35px; background: #b33d3d;color: #fff; border-radius: 8px 8px 0px 0px;}
.tag_name span {display: inline-block;text-align: center;font-size: 14px; padding: 0 10px; margin: 0 1px;}
</style>
При адаптирование хотелось, чтобы исчезало название фото, и оставалось только фото с информацией внизу. А именно, просмотров и рейтинг.
Заранее спасибо.