fix: reduce the spacing on big screens

Author: mhenriette

src/components/cards/challenge/Badges.tsx

@@ -28,7 +28,7 @@ export default function Badges({ challenge, className }: BadgeProps) {
   if (!challenge?.level && !challenge?.isTeamChallenge) return <></>;
 
   return (
-    <div className={`uppercase flex flex-wrap gap-2 mb-3 md:mb-4 ${className}`}>
+    <div className={`uppercase flex flex-wrap gap-2 mb-3 ${className}`}>
       {challenge?.level && <Tag>{t(challengeLevel)}</Tag>}
       {challenge?.isTeamChallenge && <Tag type="light">{challenge?.isHackathon ? "Hackathon" : "Team"} challenge</Tag>}
     </div>

src/components/cards/challenge/Challenge.tsx

@@ -40,7 +40,7 @@ export default function ChallengeCard({ data, community, isCourseEnd }: Challeng
                 <span className="font-medium pl-1">{expiresAt}</span>
               </div>
             )}
-            <div className="text-lg text-gray-900 font-medium leading-normal mb-3 md:mb-4">{data.name}</div>
+            <div className="text-lg text-gray-900 font-medium leading-normal mb-3">{data.name}</div>
             <Badges challenge={data} />
             <div className="text-sm text-gray-700">{data.description}</div>
           </div>