Fix mobile responsive layout not applying

Author: hylu-dev

root/bujots-front/src/components/journal/JournalLayout.tsx

@@ -12,13 +12,13 @@ export default function JournalLayout({ children }: Props) {
 
   {/* A4 Aspect Ratio 1:1.4142 */ }
   return (
-    <motion.div className='h-screen w-screen grid sm:place-content-start lg:justify-center xl:place-content-center p-5'
+    <motion.div className='h-screen w-screen grid place-content-start sm:place-content-start lg:justify-center xl:place-content-center p-5'
       onMouseMove={(e) => dispatch(setMousePos([e.clientX, e.clientY]))}
       onTouchStart={(e) => dispatch(setMousePos([e.touches[0].clientX, e.touches[0].clientY]))}
       onTouchMove={(e) => dispatch(setMousePos([e.touches[0].clientX, e.touches[0].clientY]))}
     >
       <div className="grid 
-      md:grid-cols-journal md:grid-rows-journal
+      grid-cols-journal grid-rows-journal
       lg:grid-cols-journal lg:grid-rows-journal
       xl:grid-cols-journal-xl xl:grid-rows-journal-xl
       3xl:grid-cols-journal-2xl 3xl:grid-rows-journal-2xl

root/bujots-front/tailwind.config.js

@@ -25,13 +25,11 @@ module.exports = {
         'spine-pattern': `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23997e63' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`
       },
       gridTemplateRows: {
-        'journal-sm': '1fr 6.25fr 1fr',
         'journal': '60px 375px 60px',
         'journal-xl': '80px 500px 80px',
         'journal-2xl': '100px 625px 100px'
       },
       gridTemplateColumns: {
-        'journal-sm': '1fr 1.76fr 1fr',
         'journal': '150px 265px 150px',
         'journal-xl': '200px 354px 200px',
         'journal-2xl': '250px 442px 250px',