diff --git a/frontend/composables/global/useRatio.ts b/frontend/composables/global/useRatio.ts
new file mode 100644
index 0000000..317e691
--- /dev/null
+++ b/frontend/composables/global/useRatio.ts
@@ -0,0 +1,12 @@
+import { useWindowSize } from "@vueuse/core";
+
+export const useRatio = () => {
+    const isMobile = computed(() => {
+        const { width: windowWidth } = useWindowSize();
+        return windowWidth.value < 1024;
+    });
+
+    return {
+        isMobile,
+    };
+};