progress on responsive

src/components/LFOPanel.tsx

@@ -36,11 +36,11 @@ export function LFOPanel({ onChange, onUpdateDepth, onRemoveMapping }: LFOPanelP
 
   return (
     <div className="bg-black border-t-2 border-white">
-      <div className="grid grid-cols-4 divide-x-2 divide-white">
+      <div className="grid grid-cols-2 xl:grid-cols-4 gap-[1px] bg-white p-[1px]">
         {lfoConfigs.map(({ key, index }) => {
           const lfo = lfoValues[key]
           return (
-            <div key={key} className="px-2 py-3 flex items-center">
+            <div key={key} className="px-2 py-2 flex items-center bg-black">
               <LFOScope
                 lfoIndex={index}
                 waveform={lfo.waveform}