From c002aa4b5c09a14c209545bbf4a769fafb57de2e Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Sun, 17 Apr 2022 12:42:52 +0100
Subject: [PATCH] added mobile version for portfolio
---
portfolio/portfolio.html | 4 +++-
portfolio/portfolio_mobile.css | 14 ++++++++++++++
style/mobile.css | 3 ---
3 files changed, 17 insertions(+), 4 deletions(-)
create mode 100644 portfolio/portfolio_mobile.css
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 3cfad78..389ccd3 100644
--- a/style/mobile.css
+++ b/style/mobile.css
@@ -14,13 +14,10 @@ body {
}
main {
- margin-left: 0.2em;
border-top-right-radius: 0em;
border-bottom-right-radius: 0em;
}
-
-
.navigation {
min-width: 10em;
width: 200%;