hotfix: dashboard today page hotfix + new screen size added

Author: Logannford

src/components/app/dashboard/todays-question-bento-box.tsx

@@ -70,9 +70,9 @@ export default async function TodaysQuestionBentoBox() {
         </div>
       </Link>
 
-      <div className="w-fit flex self-center relative -bottom-10 md:-bottom-20">
+      <div className="w-fit flex self-center relative -bottom-8 sm:-bottom-20 md:-bottom-8 lg:-bottom-20">
         <DatePicker
-          className="z-30 text-white bg-black-100 border border-black-50 p-2 rounded-md hover:cursor-default md:scale-[1.23]"
+          className="z-30 text-white bg-black-100 border border-black-50 p-2 rounded-md hover:cursor-default xs:scale-100 sm:scale-125 md:scale-110 xl:scale-[1.23]"
           color="white"
           type="range"
           value={dateArray}

tailwind.config.ts

@@ -103,6 +103,9 @@ const config: Config = {
           ring: 'hsl(var(--sidebar-ring))',
         },
       },
+      screens: {
+        xs: '380px',
+      },
       container: {
         center: true,
         padding: '2rem',