Margin in responsive

This commit is contained in:
Maxime Lalo 2024-04-12 15:57:29 +02:00
parent 4674702da6
commit 448ee61ac7
5 changed files with 5260 additions and 69 deletions

5314
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -3,7 +3,7 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "next dev", "dev": "PORT=5005 next dev",
"build": "next build", "build": "next build",
"start": "next start", "start": "next start",
"lint": "next lint", "lint": "next lint",

View File

@ -1,6 +1,10 @@
@import "@Themes/constants.scss"; @import "@Themes/constants.scss";
.root { .root {
@media (max-width: $screen-m) {
margin-top: 24px;
}
.title { .title {
margin-top: 24px; margin-top: 24px;
} }

View File

@ -8,6 +8,10 @@
gap: 64px; gap: 64px;
max-width: 1000px; max-width: 1000px;
margin: auto; margin: auto;
@media (max-width: $screen-m) {
margin-top: 24px;
}
.top-container { .top-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@ -8,6 +8,11 @@
gap: 64px; gap: 64px;
max-width: 1000px; max-width: 1000px;
margin: auto; margin: auto;
@media (max-width: $screen-m) {
margin-top: 24px;
}
.top-container { .top-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;