From 43ae5eb03c3fe444550424ef8b370d7aabc7928a Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Tue, 7 Mar 2023 11:02:56 +0300
Subject: [PATCH] Improved responsiveness to changes in screen resolution

---
 components/forms/MetadataAttributes.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/forms/MetadataAttributes.tsx b/components/forms/MetadataAttributes.tsx
index acfac6e..d911d23 100644
--- a/components/forms/MetadataAttributes.tsx
+++ b/components/forms/MetadataAttributes.tsx
@@ -73,9 +73,10 @@ export function MetadataAttribute({ id, isLast, onAdd, onChange, onRemove, defau
   }, [traitTypeState.value, traitValueState.value, id])
 
   return (
-    <div className="grid relative grid-cols-[1fr_1fr_auto] space-x-2">
+    <div className="grid relative 2xl:grid-cols-[1fr_1fr_auto] 2xl:space-x-2">
       <TraitTypeInput {...traitTypeState} />
       <TraitValueInput {...traitValueState} />
+
       <div className="flex justify-end items-end pb-2 w-8">
         <button
           className="flex justify-center items-center p-2 bg-stargaze-80 hover:bg-plumbus-60 rounded-full"