fix: extra margin on small screen

nature-of-code · Jul 5, 2024 · dd98198 · dd98198
1 parent 100274a
commit dd98198
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/VideoLink.js b/src/components/VideoLink.js
@@ -3,7 +3,7 @@ import { FaYoutube, FaPlay } from 'react-icons/fa';
 
 const VideoLink = (props) => {
   return (
-    <div className="ml-6 inline-block">
+    <div className="inline-block">
       <a
         className="group relative flex items-center gap-2 text-base text-noc-400 no-underline"
         href={props['href']}

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -46,7 +46,7 @@
 }
 
 .heading-link {
-  @apply relative font-inherit no-underline;
+  @apply relative mr-6 font-inherit no-underline;
 }
 
 .heading-link::before {