fix alignments & spacing issue

This commit is contained in:
Julien Constant
2023-03-04 15:12:11 +01:00
parent cbd88d3659
commit d1fca48f7a
4 changed files with 40 additions and 23 deletions

View File

@ -1,9 +1,17 @@
@media (max-width: 750px) {
.title {
text-align: center;
}
}
.profile {
&-visible {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
padding-top: 10px;
>input[type="checkbox"] {
cursor: pointer;
@ -39,6 +47,7 @@
@media (max-width: 750px) {
max-width: 100%;
padding: 10px 10px 0;
}
&-display {
@ -86,16 +95,12 @@
}
&-fields {
padding: 20px 0;
padding: 10px 10px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
@media (max-width: 750px) {
gap: 20px;
}
}
&-field {

View File

@ -1,3 +1,10 @@
.container {
padding: 10px;
display: flex;
flex-direction: column;
gap: 10px;
}
.row {
display: flex;
flex-direction: row;
@ -8,6 +15,7 @@
gap: 30px;
@media (max-width: 535px) {
gap: 20px;
>div,
>div>.flexed {