|
|
@ -9,6 +9,22 @@
|
|
|
|
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
|
|
|
|
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
:global(.cardContainer) .card {
|
|
|
|
|
|
|
|
width: calc(100% / 3 - 10%);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 1000px) {
|
|
|
|
|
|
|
|
:global(.cardContainer) .card {
|
|
|
|
|
|
|
|
width: calc(100% / 2 - 10%);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 600px) {
|
|
|
|
|
|
|
|
:global(.cardContainer) .card{
|
|
|
|
|
|
|
|
width: calc(100% / 1 - 10%);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.card:last-child {
|
|
|
|
.card:last-child {
|
|
|
|
/* Fixes the odd flickering bug */
|
|
|
|
/* Fixes the odd flickering bug */
|
|
|
|
margin-bottom:0px;
|
|
|
|
margin-bottom:0px;
|
|
|
|