Remove extra padding on very narrow screens

Author: hasparus

src/app/conf/2025/schedule/[id]/page.tsx

@@ -73,8 +73,8 @@ export default function SessionPage({ params }: SessionProps) {
       <main className="gql-all-anchors-focusable gql-conf-navbar-strip text-neu-900 before:bg-neu-50/40 before:dark:bg-blk/30">
         <div className="bg-neu-50 dark:bg-neu-0">
           <div className="gql-conf-container">
-            <div className="gql-conf-section !py-0">
-              <div className="border-x border-neu-200 pt-8 dark:border-neu-100 2xl:pt-16">
+            <div className="gql-conf-section max-xs:px-0 !py-0">
+              <div className="xs:border-x border-neu-200 pt-8 dark:border-neu-100 2xl:pt-16">
                 <SessionHeader
                   event={session}
                   eventTitle={eventTitle}

src/app/conf/2025/speakers/[id]/page.tsx

@@ -56,8 +56,8 @@ export default function SpeakerPage({ params }: SpeakerProps) {
       <main className="gql-all-anchors-focusable gql-conf-navbar-strip text-neu-900 before:bg-neu-50/40 before:dark:bg-blk/30">
         <div className="bg-neu-50 dark:bg-neu-0">
           <div className="gql-conf-container">
-            <div className="gql-conf-section !py-0">
-              <div className="border-x border-neu-200 dark:border-neu-100">
+            <div className="gql-conf-section max-xs:px-0 !py-0">
+              <div className="xs:border-x border-neu-200 dark:border-neu-100">
                 <SpeakerHeader
                   speaker={speaker}
                   year="2025"

tailwind.config.ts

@@ -22,6 +22,7 @@ const config: Config = {
         ],
       },
       screens: {
+        xs: "394px",
         "3xl": "1920px",
       },
       colors: {