ziver/zallery
1
0
Fork 0
Code Pull requests Releases Activity

added some padding

Browse source
This commit is contained in:
Ziver Koc 2017-08-07 21:24:35 +02:00
parent be4362c884
commit f566584c44
2 changed files with 9 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

2
prototype/css/zallery.css
View file

@ -11,7 +11,7 @@ body{
} }
.photo-thumb, .photo { .photo-thumb, .photo {
padding: 0px; padding: 2px;
} }
.photo-thumb img, .photo img { .photo-thumb img, .photo img {
width: 100%; width: 100%;

32
prototype/main.html
View file

@ -100,30 +100,14 @@
</div> </div>
<div class="row"> <div class="row">
<div class="grid image-grid"> <div class="grid image-grid">
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" src="http://lorempixel.com/400/200"/></div>
src="http://lorempixel.com/400/200"/> <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" src="http://lorempixel.com/400/400"/></div>
</div> <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" src="http://lorempixel.com/400/200"/></div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" src="http://lorempixel.com/400/200"/></div>
src="http://lorempixel.com/400/400"/> <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" src="http://lorempixel.com/400/800"/></div>
</div> <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" src="http://lorempixel.com/400/200"/></div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" src="http://lorempixel.com/400/300"/></div>
src="http://lorempixel.com/400/200"/> <div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive" src="http://lorempixel.com/400/400"/></div>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive"
src="http://lorempixel.com/400/200"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive"
src="http://lorempixel.com/400/800"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive"
src="http://lorempixel.com/400/200"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive"
src="http://lorempixel.com/400/300"/>
</div>
<div class="grid-item photo-thumb col-md-3 col-sm-6 col-xs-12"><img class="img-responsive"
src="http://lorempixel.com/400/400"/>
</div>
</div> </div>
</div> </div>
</div> <!-- /gallery --> </div> <!-- /gallery -->