grid programme
This commit is contained in:
@@ -31,7 +31,7 @@
|
||||
}
|
||||
.__media{
|
||||
margin-right: 1rem;
|
||||
figcaption{
|
||||
figure{
|
||||
height: 100%;
|
||||
img{
|
||||
width: 100%;
|
||||
@@ -40,13 +40,13 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.d-flex{
|
||||
.d-flex{
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.thumbnails{
|
||||
figcaption{
|
||||
figure{
|
||||
height: 100px;
|
||||
img{
|
||||
width: 100%;
|
||||
@@ -55,3 +55,32 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.programme{
|
||||
.row{
|
||||
margin: 0;
|
||||
}
|
||||
.thumbnails{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
figure{
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 960px) {
|
||||
.programme{
|
||||
.row{
|
||||
margin: $gutter1 calc(-#{$gutter1});
|
||||
}
|
||||
.thumbnails{
|
||||
width: calc( 50% - #{$gutter1} * 2);
|
||||
margin: 0 $gutter1;
|
||||
figure{
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user