Refactor LearningCard component: comment out level display and adjust CardSubdata styling

Signed-off-by: Lee Calcote <[email protected]>

Author: leecalcote

src/custom/LearningCard/LearningCard.tsx

@@ -97,7 +97,7 @@ const LearningCard: React.FC<Props> = ({ tutorial, path, courseCount, courseType
                     {courseCount > 1 ? 's' : ''}
                   </p>
                   <p>
-                    Level:{' '}
+                    {/* Level:{' '} */}
                     {tutorial?.frontmatter?.level
                       ? tutorial.frontmatter.level.charAt(0).toUpperCase() +
                         tutorial.frontmatter.level.slice(1)

src/custom/LearningCard/style.tsx

@@ -71,11 +71,10 @@ const CardDesc = styled('div')(({ theme }) => ({
 }));
 
 const CardSubdata = styled('div')(({ theme }) => ({
-  padding: '0 1rem',
-  position: 'absolute',
+  margin: '0 1rem',
   display: 'flex',
+  justifyContent: 'space-between',
   gap: '0.4rem',
-  bottom: '0rem',
   p: {
     fontSize: '1rem',
     color: theme.palette.text.primary,