added responsiveness to modal and edit page

This commit is contained in:
Ethan Fraenkel
2018-09-03 11:25:20 +02:00
parent 598d59319e
commit 8bd06651cf
5 changed files with 40 additions and 13 deletions

View File

@@ -3,7 +3,8 @@
display: flex;
justify-content: space-between;
align-items: center;
height: calc(100vh - 4.5em); // 4.5em is height of navbar
padding-top: 30px;
// height: calc(100vh - 4.5em); // 4.5em is height of navbar
form {
flex-grow: 1;
@@ -22,10 +23,18 @@
img {
max-width: 50vw;
padding-top: 30px;
}
}
}
.small-profile-pic {
img {
width: 223px;
margin-bottom: 20px;
}
}
.profile-form {
display: grid;
grid-template-columns: 1fr 1fr;