looks for the amount of tiles next to each other and applies width accordingly (needs work)
.tile:first-child:nth-last-child(1) {
width: 100%;
}
.tile:first-child:nth-last-child(2),
.tile:first-child:nth-last-child(2) ~ .tile {
@include bp(768) {
width: 50%;
}
}
.tile:first-child:nth-last-child(3),
.tile:first-child:nth-last-child(3) ~ .tile {
@include bp(768) {
width: 33.3333%;
}
}
.tile:first-child:nth-last-child(4),
.tile:first-child:nth-last-child(4) ~ .tile {
@include bp(768) {
width: 25%;
}
}