Minor css updates

Author: timwlee

blocks/cards/cards.css

@@ -320,6 +320,25 @@
 }
 /* End of Cards - Portfolio */
 
+/* grid-4 */
+.cards.grid-4 > ul {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+
+/* grid-3 */
+.cards.grid-3 > ul {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-gap: 24px 30px;
+}
+
+/* grid-2 */
+.cards.grid-2 > ul {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-gap: 24px 30px;
+}
 
 /* Modal Container */
 .modal {

blocks/tabs/tabs.css

@@ -62,6 +62,16 @@
   display: none;
 }
 
+.tabs .tabs-panel img {
+  max-height: 300px;
+  width: auto;
+  display: block;
+}
+
+.tabs .tabs-panel code {
+  font-size: 10px;
+}
+
 .tabs-wrapper:not(:last-of-type) {
   margin-bottom: 2rem;
 }

styles/styles.css

@@ -102,7 +102,6 @@ p, dl, ol, ul, pre, blockquote {
 
 code, pre {
   font-family: var(--fixed-font-family);
-  font-size: var(--body-font-size-s);
 }
 
 code {
@@ -139,7 +138,7 @@ code, pre, samp {
 
 code, samp {
   padding: .125em;
-  font-size: 14px;
+  font-size: 10px;
 }
 
 pre {