CSS harmonization

styles/main.css

@@ -39,8 +39,8 @@ nav .hidden {
 }
 
 .IE-header {
-    font-size: 1.5rem;
-    margin: 1rem;
+    font-size:1.5rem;
+    margin:1rem;
 }
 
 header {
@@ -130,11 +130,11 @@ header nav ul li a {
     }
 
     header nav #hamburger {
-        display: inline-block;
-        right: 1rem;
-        font-size: 1.5rem;
-        position: absolute;
-        margin-top: 0.35rem;
+        display:inline-block;
+        right:1rem;
+        font-size:1.5rem;
+        position:absolute;
+        margin-top:0.35rem;
     }
 
     header nav #hamburger .container {
@@ -254,8 +254,8 @@ article.main .bio-img {
 }
 
 #pagination-sec {
-    margin-top: 1rem;
-    margin-bottom: 1.5rem;
+    margin-top:1rem;
+    margin-bottom:1.5rem;
 }
 
 
@@ -276,7 +276,6 @@ article .gallery {
     justify-content:space-around;
     align-self:flex-end;
     flex-wrap:wrap;
-
     margin:auto;
     margin-top:0;
 }
@@ -402,7 +401,7 @@ article.painting .container ul.metadata {
 
 article.painting .container ul.metadata .metadata-help {
     font-weight:bold;
-    color: #38686A;
+    color:#38686A;
 }
 
 article.painting .container ul.metadata a {
@@ -410,6 +409,12 @@ article.painting .container ul.metadata a {
     color:unset;
 }
 
+article.painting .container ul li {
+    -webkit-column-break-inside:avoid;
+    page-break-inside:avoid;
+    break-inside:avoid;
+}
+
 article.painting .container .metadata span.title {
     font-variant:small-caps;
 }
@@ -851,9 +856,6 @@ article.infos h4 + p {
 }
 
 
-
-
-
 @media only screen and (max-width:1200px) {
     article, article.main {
         width:95vw;