fix: remove unnecessary margin from homepage

danieljancar · Mar 18, 2024 · 24d2de4 · 24d2de4
1 parent f185768
commit 24d2de4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/...urse/src/app/features/home/homepage/markdown-renderer/about/homepage-about.component.html b/...urse/src/app/features/home/homepage/markdown-renderer/about/homepage-about.component.html
@@ -1,5 +1,5 @@
 <div
-  class="mt-4 lg:mt-0 lg:pl-3 text-left lg:border-l-2 border-l-0 lg:pb-60 lg:flex lg:flex-col lg:flex-grow border-b-2 lg:border-b-0 pb-5"
+  class="mt-4 lg:mt-0 lg:pt-5 lg:pl-3 text-left lg:border-l-2 border-l-0 lg:pb-60 lg:flex lg:flex-col lg:flex-grow border-b-2 lg:border-b-0 pb-5"
 >
   <h2 class="font-bold text-xl">About</h2>
   <p aria-label="Description" class="font-normal">
@@ -13,7 +13,7 @@ <h2 class="font-bold text-xl">About</h2>
         target="_blank"
         class="badge badge-ghost badge-md my-1 truncate whitespace-normal min-w-max hover:opacity-75 hover:cursor-pointer hover:scale-95 transition ease-in-out duration-100"
         style="max-width: calc(100% - 0.5rem)"
-        >{{ tag }}</a
+      >{{ tag }}</a
       >
     }
   </div>

diff --git a/...rc/app/features/home/homepage/markdown-renderer/homepage-markdown-renderer.component.scss b/...rc/app/features/home/homepage/markdown-renderer/homepage-markdown-renderer.component.scss
@@ -1,3 +1,5 @@
-.markdown-content p {
-  margin-top: 0;
+@media (min-width: 1024px) {
+  .markdown-content p {
+    margin-top: 0;
+  }
 }