Merge pull request #2647 from codecrafters-io/pk-branch-6

style: add rounded corners to the course card mask

Author: rohitpaulk

app/components/track-page/course-card.hbs

@@ -22,7 +22,7 @@
       <div class="h-60 overflow-hidden">
         <TrackPage::CourseCard::StageList @completedStages={{(array)}} @course={{@course}} />
 
-        <div class="absolute top-20 bottom-0 left-0 right-0 vertical-mask dark:vertical-mask-gray-850 p-4 flex items-end justify-center">
+        <div class="absolute top-20 bottom-0 left-0 right-0 vertical-mask dark:vertical-mask-gray-850 rounded-b-md p-4 flex items-end justify-center">
           <TrackPage::CourseCard::SignupToPreviewButton />
         </div>
       </div>

app/components/track-page/header/index.hbs

@@ -1,5 +1,5 @@
 <div class="flex items-center justify-between" ...attributes data-test-track-header>
-  <div>
+  <div class="flex-grow">
     <div class="flex items-center justify-between mb-1 md:mb-3">
       <h1 class="text-3xl md:text-5xl text-gray-800 dark:text-gray-50 font-bold tracking-tighter">
         Master