css

Prototypr · May 2, 2024 · f374759 · f374759
1 parent ef4756a
commit f374759
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/pages/toolbox/[slug].js b/pages/toolbox/[slug].js
@@ -107,7 +107,7 @@ const ToolContent = ({
         </Container> */}
         {/* Content under header */}
         <Container maxWidth="w-full relative z-10">
-          <div className="grid grid-cols-3 lg:grid-cols-12 gap-7 max-w-[1320px] mx-auto md:px-0 h-full">
+          <div className="grid grid-cols-3 lg:grid-cols-12 gap-3 xl:gap-7 max-w-[1320px] mx-auto md:px-0 h-full">
             <div className="col-span-3 border border-gray-300/50 rounded-2xl overflow-hidden shadow-sm lg:col-span-9 flex flex-col gap-3 bg-white">
               <div className="grid gap-3 md:px-0 -mb-4">
                 <HeroCardSection

diff --git a/styles/posts-page.scss b/styles/posts-page.scss
@@ -78,11 +78,20 @@ toolbox width
         margin-left:0!important;
         margin-right:0!important;
     }
+    ul{
+        padding:0rem 0 0.75rem 1.5rem;
+    }
     iframe{
         width:100%!important;
         margin-top: 1rem;
         margin-bottom: 2rem;
-        min-height: 440px;
+        min-height: 400px;
+    }
+    @media only screen and (max-width: 660px) {
+        iframe{
+            max-height: 280px;
+            min-height: 280px;
+        }
     }
     *:not(.tippy-content *, .tippy-box, [data-tippy-root]), ul, ol{
         // max-width: 100%;
@@ -111,6 +120,11 @@ toolbox width
     }
     figcaption{
         max-width: 50rem!important;
+        margin-top: 8px !important;
+    }
+    figure, pre {
+        margin-top: 1.5rem;
+        margin-bottom: 1.5rem;
     }
     blockquote.wp-block-quote.main-menu{
         max-width: 50rem;