Fix styling on mozilla/chromium based browsers

1 files changed, 3 insertions, 2 deletions

diff --git a/assets/scss/web/_work.scss b/assets/scss/web/_work.scss
index 811da2f..e667a06 100644
--- a/assets/scss/web/_work.scss
+++ b/assets/scss/web/_work.scss
@@ -12,7 +12,7 @@
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
-  @media (max-width: 780px) {
+  @media (max-width: 780px) and (not print) {
     flex-flow: column wrap;
   }
 
@@ -26,6 +26,7 @@
     margin-bottom: 1.5rem;
     margin-left: auto;
     margin-right: auto;
+    min-width: 80%;
     max-width: 80%;
   }
 
@@ -56,7 +57,7 @@
 .work__company__position__duration {
   text-align: right;
   align-self: flex-end;
-  @media (max-width: 780px) {
+  @media (max-width: 780px) and (not print) {
     text-align: left;
     align-self: flex-start;
   }