fix snippets

layouts/courses/single.html

@@ -60,7 +60,7 @@ <h3 class="text-gray3">{{ .Params.chapter_start }}</h3>
 		</navbar-toggle>
 
 		<!-- Video player -->
-		<article class="prose dark:prose-invert pt-1 container">
+		<article class="prose dark:prose-invert pt-1 mx-auto px-3 md:px-8 min-w-0 max-w-none w-full">
 
 		{{ if or .Params.vimeo .Params.youtube }}
 				<video-player free="{{ .Params.free }}"></video-player>

layouts/partials/topnav.html

@@ -10,7 +10,6 @@
   <ul class="flex justify-center items-center">
     <if-pro>
       <li slot="basic" class="mx-2 md:mx-4  hover:scale-105 transition-transform">
-        {{/*  <a href="/pro" class="font-display text-xl font-normal gradient-text-green">PRO</a>  */}}
         <a href="/pro" class="font-display text-base font-normal text-green-500 border-green-400 border rounded-md px-2 py-1 hover:drop-shadow-[0_0_9px_rgba(34,197,94,0.9)]">PRO</a>
       </li>
     </if-pro>

styles/app.scss

@@ -49,11 +49,7 @@ svg {
 }
 
 .grid-list {
-    @apply grid grid-cols-1 auto-cols-max gap-6 md:grid-cols-2 md:grid-cols-4 list-none;
-}
-
-.bg-title {
-    @apply inline-block mx-auto px-3 py-2 text-gray7 shadow-xl bg-white;
+    @apply grid grid-cols-1 auto-cols-max gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 list-none;
 }
 
 video-player {

styles/special-effects.scss

@@ -39,12 +39,6 @@
   -webkit-background-clip:text;
 }
 
-.gradient-border {
-  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
-  border-image-slice: 1;
-}
-
-
 .gradient-slide {
     @apply bg-gradient-to-r from-orange-500 to-pink-500;
     background-size: 200% 200%;

styles/syntax.scss

@@ -10,7 +10,7 @@
 
   .highlight {
     pre {
-      @apply whitespace-pre-wrap;
+      // @apply whitespace-pre-wrap;
     }
   }