prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[enh] full css support for pictures group

Browse Source
This commit is contained in:
Laurent Peuch 2015-12-05 00:20:45 +01:00
parent a50f5d177a
commit 942ab91a2f
2 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
materialize/css/style-page.css
View File

@ -28,16 +28,20 @@ section {
}
.pictures-line {
min-width: 80%;
width: 80%;
margin-left: 10%;
margin-right: 10%;
display: flex;
}
.pictures-line img {
position: relative;
display: inline;
width: 33%;
height: auto;
.pictures-line .picture img {
width: 100%;
height: 100%;
}
.pictures-line .separator {
min-width: 15px;
}
footer {

14
templates/page-example.html
View File

@ -22,9 +22,17 @@
<section class="pictures-group">
<div class="pictures-line">
<img src="./1.png">
<img src="./1.png">
<img src="./1.png">
<div class="picture">
<img src="./1-small.png">
</div>
<div class="separator"></div>
<div class="picture">
<img src="./2-small.png">
</div>
<div class="separator"></div>
<div class="picture">
<img src="./1-small.png">
</div>
</div>
</section>