fix: cards

Author: mo9a7i

components/cards/language-bytes-card.tsx

@@ -15,7 +15,7 @@ interface LanguageBytesCardProps {
 
 export function LanguageBytesCard({ languages, totalBytes }: LanguageBytesCardProps) {
   return (
-    <Card className="bg-gray-50 dark:bg-[#040113] dark:border-[#0c0339] col-span-2">
+    <Card className="bg-gray-50 dark:bg-[#040113] dark:border-[#0c0339] md:col-span-2">
       <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
         <CardTitle className="text-sm font-medium">Lines of Code</CardTitle>
         <Code className="h-4 w-4 text-muted-foreground" />

components/cards/languages-card.tsx

@@ -75,7 +75,7 @@ export function LanguagesCard({ languages }: LanguagesCardProps) {
   };
 
   return (
-    <Card className="bg-gray-50 dark:bg-[#040113] dark:border-[#0c0339] col-span-2">
+    <Card className="bg-gray-50 dark:bg-[#040113] dark:border-[#0c0339] md:col-span-2">
       <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
         <CardTitle className="text-sm font-medium">Most Used Languages</CardTitle>
         <Code2 className="h-4 w-4 text-muted-foreground" />

components/stats-cards.tsx

@@ -54,7 +54,7 @@ interface StatsCardsProps {
 
 export function StatsCards({ stats }: StatsCardsProps) {
   return (
-    <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4 mb-6">
+    <div className="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-4 mb-6">
       <RepositoriesCard 
         totalRepos={stats.totalRepos}
         publicRepos={stats.publicRepos}