Responsive working

This commit is contained in:
Maxime Lalo 2023-04-19 17:27:26 +02:00
parent 5e5c6d237b
commit be47beb29f
2 changed files with 13 additions and 0 deletions

9
.vscode/custom.code-snippets vendored Normal file
View File

@ -0,0 +1,9 @@
{
"Media queries": {
"prefix": "media",
"body": [
"@media(max-width: \\$screen-$1){$2}"
],
"description": "media queries"
},
}

View File

@ -13,6 +13,10 @@
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
@media (max-width: $screen-m) {
grid-template-columns: 1fr;
}
}
.buttons-container {