Improve images display on mobile #53

src/assets/css/src/1.0.global.css

@@ -43,6 +43,8 @@ main {
   min-height: calc(100vh - var(--gutter) * 2);
 }
 main > header {
+  --column-gap: 1rem;
+  --row-gap: 1rem;
   align-items: flex-start;
   justify-content: space-between;
   width: 100%;

src/assets/css/src/2.blocks.project.css

@@ -177,6 +177,12 @@
   transform: translateX(-50%);
 }
 
+.project-details {
+  flex-wrap: wrap !important;
+}
+.project-details > * {
+  min-width: 20rem;
+}
 .project-details textarea {
   resize: none;
   max-height: 5rem;