media query

1 files changed, 13 insertions, 3 deletions

diff --git a/public/assets/ok.css b/public/assets/ok.css
index 1e8bcb4..dbec7f4 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -109,6 +109,7 @@ h3 {
     justify-content: space-between;
     align-content: stretch;
     align-items: flex-start;
+    overflow:hidden;
 }
 
 .intro div {
@@ -737,6 +738,10 @@ nav {
 .projectLink {
     display: block;
     margin-top: 3px;
+    text-overflow: ellipsis;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
 }
 
 ul li {
@@ -769,9 +774,6 @@ ul li {
         width: 11px;
         padding: 1px 0 0 0;
     }
-    .projectLink {
-        margin-top: 3px;
-    }
     .intro div.text,
     h3, .left a {
         font-size: 14px;
@@ -779,6 +781,14 @@ ul li {
     }
 }
 
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
+    .intro div.text,
+    h3, .left a {
+        font-size: 13px;
+        line-height: 18px;
+    }
+}
+
 
 
 @media (min-width: 1500px) {