diff --git a/MyWebsite/MyWebsite/wwwroot/css/Projects.css b/MyWebsite/MyWebsite/wwwroot/css/Projects.css index fbbc1ae..89d9c38 100644 --- a/MyWebsite/MyWebsite/wwwroot/css/Projects.css +++ b/MyWebsite/MyWebsite/wwwroot/css/Projects.css @@ -1,7 +1,9 @@ header { display: grid; - margin-bottom: 20px; grid-template-columns: 1fr auto; + grid-template-rows: auto auto; + grid-column-gap: 20px; + margin-bottom: 20px; } article { @@ -39,4 +41,10 @@ article { .android { background-image: url("../images/Badges/android.png"); } .uwp { background-image: url("../images/Badges/windows.png"); } .win32 { background-image: url("../images/Badges/windows.png"); } -.windows { background-image: url("../images/Badges/windows.png"); } \ No newline at end of file +.windows { background-image: url("../images/Badges/windows.png"); } + +@media only screen and (max-width: 600px) { + .github-stats { + grid-row: 2; + } +} \ No newline at end of file diff --git a/MyWebsite/MyWebsite/wwwroot/css/Style.css b/MyWebsite/MyWebsite/wwwroot/css/Style.css index 2f2b6de..f500002 100644 --- a/MyWebsite/MyWebsite/wwwroot/css/Style.css +++ b/MyWebsite/MyWebsite/wwwroot/css/Style.css @@ -39,15 +39,15 @@ } .language-switch { - grid-column: 3/3; + grid-column: 3; } .menu-toggle { - grid-column: 4/4; + grid-column: 4; display: none; cursor: pointer; } #compact-menu { - grid-row: 2/2; + grid-row: 2; list-style: none; } #compact-menu li {