lostplaces-frontend/components/03_Organisms/imageGrid/_imageGrid.scss

43 lines
632 B
SCSS
Raw Normal View History

2020-08-09 23:43:40 +02:00
.LP-ImageGrid{
.LP-ImageGrid__List{
list-style-type: none;
display: grid;
grid-template-columns: repeat(auto-fit, 300px);
align-content: space-around;
justify-content: center;
margin: 0px;
padding: 0px;
}
.LP-ImageGrid__Item{
margin-top:10px;
}
.LP-Link{
overflow: hidden;
}
.LP-Image {
box-shadow: 0 0 5px $-grey;
height: 200px;
width: 290px;
object-fit: cover;
}
}
@media(max-width: $-viewport-small){
.LP-ImageGrid{
.LP-ImageGrid__List{
grid-template-columns: 1fr;
.LP-Image{
box-shadow: 0 0 5px $-grey;
height: auto;
width: 100%;
object-fit: cover;
}
}
}
}