Revert "fix: small screen overflowing issue" (#2028)

This reverts commit 1465797.
brianlovin · Jun 14, 2024 · 97fce9f · 97fce9f
1 parent 1465797
commit 97fce9f
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/Home/Intro.tsx b/src/components/Home/Intro.tsx
@@ -33,13 +33,13 @@ function TableRow({ href, title, subtitle, date }: TableRowProps) {
       target="_blank"
       rel="noopener noreferrer"
       href={href}
-      className="flex items-center space-x-3 group lg:text-base text-xs"
+      className="flex items-center space-x-4 group"
     >
-      <strong className="w-fit-content lg:flex-none flex-grow font-medium text-gray-1000 group-hover:text-blue-600 group-hover:underline dark:text-gray-100 dark:group-hover:text-blue-500">
+      <strong className="flex-none font-medium text-gray-1000 group-hover:text-blue-600 group-hover:underline dark:text-gray-100 dark:group-hover:text-blue-500">
         {title}
       </strong>
-      <span className="w-full border-t border-gray-300 border-dashed shrink dark:border-gray-800"/>
-      {subtitle && <span className="lg:flex-none flex-1 text-tertiary">{subtitle}</span>}
+      <span className="w-full border-t border-gray-300 border-dashed shrink dark:border-gray-800" />
+      {subtitle && <span className="flex-none text-tertiary">{subtitle}</span>}
       {date && (
         <span className="flex-none font-mono text-quaternary">{date}</span>
       )}
@@ -50,7 +50,7 @@ function TableRow({ href, title, subtitle, date }: TableRowProps) {
 function SectionContainer(props) {
   return (
     <div
-      className="grid items-start grid-cols-1 gap-6 md:grid-cols-12 w-full"
+      className="grid items-start grid-cols-1 gap-6 md:grid-cols-12"
       {...props}
     />
   )