Sara/saragerretsen.nl
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

adding responsiveness rules to css

Browse source
This commit is contained in:
SG101 2022-10-10 21:18:48 +02:00
parent 4385304bf0
commit 4357563d84
2 changed files with 30 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
shared/projects.css
View file

@ -17,10 +17,19 @@
.project-grid { .project-grid {
display: grid; display: grid;
grid-gap: 50px 10px; grid-gap: 50px 10px;
grid-template-columns: 50% 50%; grid-template-columns: repeat(2, 1fr);
margin-top: 50px; margin-top: 50px;
} }
@media only screen and (max-width: 640px) {
.project-grid {
display: grid;
grid-gap: 50px 10px;
grid-template-columns: repeat(1, 1fr);
margin-top: 50px;
}
}
.project-grid > a { .project-grid > a {
padding: 20px; padding: 20px;
border-radius: 7px; border-radius: 7px;

20
shared/style.css
View file

@ -177,3 +177,23 @@ p.experience-grid-time {
overflow-x: scroll; overflow-x: scroll;
padding: 10px; padding: 10px;
} }
@media only screen and (max-width: 640px) {
.personal-info-grid {
display: grid;
gap: 20px;
grid-template-columns: 1fr;
}
.experience-grid {
display: grid;
grid-template-columns: 80%;
gap: 40px;
}
.site-header {
padding-top: 1px;
padding-bottom: 1px;
margin: 3px auto;
}
}