move max-width from HowToPlay to Level component

Author: odrail

src/components/GameLevel/Level.jsx

@@ -391,7 +391,7 @@ const Level = ({ id, level }) => {
 
   return (
     <div key={id} className="flex flex-col justify-center items-center pt-4">
-      <div className="flex flex-col items-center">
+      <div className="flex flex-col items-center sm:w-[512px]">
         <div>
           <div
             className={`flex items-center space-x-4 sm:space-x-0 sm:justify-between py-1 w-full ${

src/components/GameLevel/components/HowToPlay.jsx

@@ -8,7 +8,7 @@ const HowToPlay = () => {
 
   return (
     <CardInfo title={`${t('HOW_TO_PLAY')}:`} type="collapsible">
-      <div className="self-start mt-6 mb-16 max-w-md md:max-w-lg mx-2">
+      <div className="self-start mt-6 mb-16 mx-2">
         <ol className="list-decimal space-y-2">
           <li className="ml-4">
             <Trans i18nKey="GAME_GOAL_INSTRUCTION">