Update custom.css

Author: LovelyBuggies

assets/css/custom.css

@@ -85,7 +85,7 @@ section.galleries,
 
 .site-brand__icon {
   display: inline-flex;
-  width: 1.2rem;
+  width: 1.2rem; /* already using rem units - will scale */
   height: 1.2rem;
 }
 
@@ -265,8 +265,8 @@ section.galleries {
 .footer-action img,
 .footer-action svg {
   display: block;
-  width: 36px;
-  height: 36px;
+  width: 2.25rem; /* 36px / 16px = 2.25rem */
+  height: 2.25rem;
 }
 
 .card {
@@ -275,9 +275,9 @@ section.galleries {
     var(--surface-1);
   border: none;
   box-shadow: 0 18px 40px rgba(11, 20, 40, 0.12);
-  flex: 0 1 350px;
-  max-width: 400px;
-  min-width: 250px;
+  flex: 0 1 21.875rem; /* 350px / 16px = 21.875rem */
+  max-width: 25rem; /* 400px / 16px = 25rem */
+  min-width: 15.625rem; /* 250px / 16px = 15.625rem */
   padding: 1.2rem 1.2rem;
   box-sizing: border-box;
   color: var(--text-1);
@@ -304,7 +304,7 @@ section.galleries {
 }
 
 .card-logo {
-  max-width: 240px;
+  max-width: 15rem; /* 240px / 16px = 15rem */
   width: 60%;
   height: auto;
   margin-bottom: 1rem;