✨ Responsive working
This commit is contained in:
parent
5e5c6d237b
commit
be47beb29f
9
.vscode/custom.code-snippets
vendored
Normal file
9
.vscode/custom.code-snippets
vendored
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
{
|
||||||
|
"Media queries": {
|
||||||
|
"prefix": "media",
|
||||||
|
"body": [
|
||||||
|
"@media(max-width: \\$screen-$1){$2}"
|
||||||
|
],
|
||||||
|
"description": "media queries"
|
||||||
|
},
|
||||||
|
}
|
@ -13,6 +13,10 @@
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
gap: 24px;
|
gap: 24px;
|
||||||
|
|
||||||
|
@media (max-width: $screen-m) {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons-container {
|
.buttons-container {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user