Fix template CSS

templates/modern/css/pdf.css

@@ -53,10 +53,6 @@ body.pdf {
         position: absolute;
     }
 
-    ul li {
-        width: 33%;
-        float: left;
-    }
     ul dl {
         margin: 0;
         padding: 0.3em 0 0;

templates/modern/css/resume.css

@@ -102,11 +102,13 @@ ul {
     margin: 0;
     padding: 0;
     list-style: none;
-    display: table;
+    display: flex;
+    flex-wrap: wrap
 }
 ul li {
     margin: 0;
     padding: 0;
+    flex-basis: 33%;
 }
 
 ul dl {

templates/modern/css/screen.css

@@ -94,10 +94,6 @@
         width: 78%;
     }
     
-    ul li {
-        width: 33%;
-        float: left;
-    }
     ul dl {
         dt {
             font-size: 122%;
@@ -156,4 +152,4 @@
 @media screen and (min-width: 118em) {
 
 
-}
+}

templates/swissen/css/pdf.css

@@ -51,10 +51,6 @@ body.pdf {
         position: absolute;
     }
 
-    ul li {
-        width: 33.33%;
-        float: left;
-    }
     ul dl {
         margin: 0;
         padding: 0.3em 0 0;

templates/swissen/css/resume.css

@@ -109,11 +109,13 @@ ul {
     margin: 0;
     padding: 0;
     list-style: none;
-    display: table;
+    display: flex;
+    flex-wrap: wrap;
 }
 ul li {
     margin: 0;
     padding: 0;
+    flex-basis: 33%;
 }
 
 ul dl {

templates/swissen/css/screen.css

@@ -89,11 +89,6 @@
         float: left;
         width: 80%;
     }
-    
-    ul li {
-        width: 33.33%;
-        float: left;
-    }
     ul dl {
         dt {
             font-size: 122%;