diff --git a/blog/blog.html b/blog/blog.html
index 76b2f38..a57111a 100644
--- a/blog/blog.html
+++ b/blog/blog.html
@@ -14,8 +14,10 @@
-
+
+
+
diff --git a/blog/blog_mobile.css b/blog/blog_mobile.css
new file mode 100644
index 0000000..0a59b67
--- /dev/null
+++ b/blog/blog_mobile.css
@@ -0,0 +1,9 @@
+.blog {
+ display: list-item;
+}
+
+.blog_post {
+ margin: 0;
+ padding: 0em;
+ border-radius: 0;
+}
\ No newline at end of file
diff --git a/contact/contact.html b/contact/contact.html
index d9c09c5..2e41f06 100644
--- a/contact/contact.html
+++ b/contact/contact.html
@@ -14,8 +14,9 @@
-
+
+
diff --git a/contact/contact_mobile.css b/contact/contact_mobile.css
new file mode 100644
index 0000000..68e7089
--- /dev/null
+++ b/contact/contact_mobile.css
@@ -0,0 +1,21 @@
+form {
+ padding-top: 2em;
+ min-width: 1em;
+ max-width: 25.8em;
+ margin: 0;
+}
+
+#contact_details > input {
+ min-width: 1em;
+ max-width: 30em;
+}
+
+#contact_body > textarea {
+ min-width: 1em;
+ max-width: 25.8em;
+}
+
+#contact_reason {
+ display: list-item;
+}
+
diff --git a/home/index.css b/home/index.css
index 117ec18..abcffe5 100644
--- a/home/index.css
+++ b/home/index.css
@@ -86,6 +86,7 @@
.langList {
margin-top: -1em;
+ margin-bottom: 2em;
display: none;
pointer-events: none;
}
diff --git a/home/index.html b/home/index.html
index 005d6bd..b2033a6 100644
--- a/home/index.html
+++ b/home/index.html
@@ -16,6 +16,7 @@
+
diff --git a/home/index_mobile.css b/home/index_mobile.css
new file mode 100644
index 0000000..0d8e363
--- /dev/null
+++ b/home/index_mobile.css
@@ -0,0 +1,15 @@
+.bio {
+ border-top-left-radius: 0em;
+ border-bottom-left-radius: 0em;
+}
+
+.langList {
+ margin-left: -5em;
+ font-size: small;
+}
+
+.generalInfo {
+ margin-top: 1em;
+ margin-left: 2em;
+}
+
diff --git a/portfolio/portfolio.html b/portfolio/portfolio.html
index bd3130b..cbcd647 100644
--- a/portfolio/portfolio.html
+++ b/portfolio/portfolio.html
@@ -14,8 +14,10 @@
-
+
+
+
diff --git a/portfolio/portfolio_mobile.css b/portfolio/portfolio_mobile.css
new file mode 100644
index 0000000..b47abbf
--- /dev/null
+++ b/portfolio/portfolio_mobile.css
@@ -0,0 +1,14 @@
+.project {
+ margin: 0;
+ max-width: 25.6em;
+ border-radius: 0;
+ padding: 0;
+}
+
+.project > img {
+ max-width: 25em;
+}
+
+.project > video {
+ max-width: 25em;
+}
\ No newline at end of file
diff --git a/style/mobile.css b/style/mobile.css
index ef44b28..389ccd3 100644
--- a/style/mobile.css
+++ b/style/mobile.css
@@ -4,7 +4,6 @@
body {
grid-template-areas:
-
"main main main"
"aside aside aside"
"footer footer footer";
@@ -15,20 +14,14 @@ body {
}
main {
- margin-left: 0.2em;
border-top-right-radius: 0em;
border-bottom-right-radius: 0em;
}
-.bio {
- border-top-left-radius: 0em;
- border-bottom-left-radius: 0em;
-}
-
.navigation {
min-width: 10em;
width: 200%;
- height: 50vh;
+ height: 20em;
white-space: nowrap;
grid-template-rows: 20% 20% 20% 20% 20%;
grid-template-areas:
@@ -111,24 +104,18 @@ nav > .link:hover {
border-bottom: 0.1em solid #000000;
}
-#home:hover {
- border-right: none;
+footer {
+ margin: 0;
+ background-color: rgba(255, 255, 255, 60%);
+ grid-area: footer;
+ display:list-item;
}
-.navigation:hover {
- transform: translate(-95%,0);
+footer > a > h1 {
+ margin: 0;
}
-.generalInfo {
- margin-top: 1em;
- margin-left: 2em;
+#footer_logo {
+ margin-top: 3em;
}
-.moreInfo:hover {
- cursor: initial;
-}
-
-.langList {
- margin-left: -5em;
- font-size: small;
-}
\ No newline at end of file