Fix modes page layout

Author: eduardconstantin

app/modes/page.tsx

@@ -7,15 +7,15 @@ const Modes: NextPage<{ searchParams: { url: string; name: string } }> = ({
   const { url, name } = searchParams;
 
   return (
-    <div className="mx-auto mb-6 w-5/6 sm:w-2/3 lg:w-2/3 xl:w-2/4 text-center">
+    <div className="mx-auto mb-6 w-full md:w-[90vw] lg:w-[70vw] 2xl:w-[45%] text-center">
       <h2 className="text-white text-4xl text-leading font-bold uppercase md:mt-14">
         {name}
       </h2>
       <p className="text-white text-lg mt-4 mb-14 px-5 leading-6">
-        Test your knowledge under pressure with our timed exam mode, or explore
-        and master over 480 questions at your own pace with our practice mode.
+        Test your knowledge under pressure with our timed exam mode or explore
+        and master all the questions at your own pace with our practice mode.
       </p>
-      <div className="flex max-sm:flex-col max-sm:align-center justify-center gap-10 sm:mx-16">
+      <div className="flex max-sm:flex-col max-sm:align-center justify-center gap-10 mx-5 md:mx-16">
         <ExamLink
           href={{
             pathname: "/practice",