diff --git a/public/projects.css b/public/projects.css
index 12c6bbb..9d94339 100644
--- a/public/projects.css
+++ b/public/projects.css
@@ -1,7 +1,7 @@
.project {
display: flex;
position: relative;
- min-height: 150px;
+ min-height: 5vh;
min-width: 50%;
margin: 10px;
padding: 20px;
@@ -18,8 +18,8 @@
.project img {
display: block;
float: left;
- max-height: 100%;
- width: auto;
+ height: 10%;
+ width: 10%;
margin-top: auto;
margin-bottom: auto;
margin-right: 15px;
@@ -31,10 +31,22 @@
}
.project p {
- font-size: 1vw;
+ font-size: 2vh;
}
-.project a,
-h1 {
+.project a {
+ font-size: 4vh;
color: #7db3ff;
}
+
+@media only screen and (orientation: portrait) {
+ .projects {
+ display: grid;
+ column-count: 1;
+ }
+
+ .projects img {
+ height: auto !important;
+ width: 20% !important;
+ }
+}
diff --git a/public/projects.html b/public/projects.html
index fc02b62..625b16a 100644
--- a/public/projects.html
+++ b/public/projects.html
@@ -15,52 +15,41 @@
-
-
+
-
-
+
-
- BPM
-
+
BPM
The official package manager for Tide Linux
-
-
- 
