From 1b2cc93d68281d61ddf2478e9eb8dcfc7777da79 Mon Sep 17 00:00:00 2001
From: Rihan <me@file.properties>
Date: Tue, 17 May 2022 01:15:19 +0000
Subject: [PATCH] Responsive padding

---
 src/components/layout/Paper.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/Paper.tsx b/src/components/layout/Paper.tsx
index 2504844f..e2e8475b 100644
--- a/src/components/layout/Paper.tsx
+++ b/src/components/layout/Paper.tsx
@@ -7,7 +7,7 @@ export interface PaperProps {
 
 export function Paper(props: PaperProps) {
   return (
-    <div className={`bg-denim-200 lg:rounded-xl p-12 ${props.className}`}>
+    <div className={`bg-denim-200 lg:rounded-xl px-4 sm:px-8 md:px-12 py-6 sm:py-8 md:py-12 ${props.className}`}>
       {props.children}
     </div>
   )