33 lines
570 B
CSS
33 lines
570 B
CSS
.stays {
|
|
display: grid;
|
|
row-gap: 1.5rem;
|
|
column-gap: 2.2rem;
|
|
grid-template-columns: auto;
|
|
|
|
/* Hide scrollbar IE and Edge */
|
|
-ms-overflow-style: none;
|
|
/* Hide Scrollbar Firefox */
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
/* Hide Scrollbar Chrome, Safari and Opera */
|
|
.stays::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.buttonContainer {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
@media screen and (min-width: 950px) {
|
|
.stays {
|
|
grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
|
|
}
|
|
|
|
.buttonContainer {
|
|
margin-top: 4rem;
|
|
}
|
|
}
|