update second row

src/pages/Dashboard/CPULoad/CPUCard.tsx

@@ -40,7 +40,7 @@ const CPUCard = ({ load }: CPUCardProps) => {
   const message = currentLoad < 80 ? 'Good' : 'Poor'
 
   return (
-    <DashboardCardWrapper padding="0" height="156px" minWidth="220px">
+    <DashboardCardWrapper padding="0" height="156px"   minWidth='200px'  maxWidth='30%'>
       <YStack
         style={{
           borderRadius: '16px',

src/pages/Dashboard/DashboardContent.tsx

@@ -44,7 +44,7 @@ const DashboardContent = () => {
       className={'transparent-scrollbar'}
     >
       <TitleLogo />
-      {/* <Stack style={{
+      <Stack style={{
         display: 'grid',
         gridTemplateColumns: windowWidth < 1375 ? '1fr 1fr' : '1fr 1fr 2fr',
         gap: '8px',
@@ -61,27 +61,41 @@ const DashboardContent = () => {
             <BalanceChartCard />
           </Stack>
         }
-      </Stack> */}
+      </Stack>
       <BasicInfoCards />
       {/* SECOND ROW ENDS HERE! */}
+      <Stack
+        style={{
+          display: 'flex',
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          gap: '1vw',
+          width: '101%',
+        }}
+      >
 
-      <Stack>
 
         <ConsensusUptimeCard />
         <ExecutionUptime />
 
+
         <DeviceUptime />
+
+        <StorageCard maxStorage={100} storage={82} />
+        <CPUCard load={[12, 31, 3, 2, 24, 98]} />
+
+
+
+        <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
+
+        <NetworkCard
+          downloadRate={[12, 31, 22, 12, 23, 23, 90]}
+          uploadRate={[31, 22, 32, 132, 32, 45, 65]}
+        />
+
       </Stack>
 
 
-      <StorageCard maxStorage={100} storage={82} />
-      <CPUCard load={[12, 31, 3, 2, 24, 98]} />
-      <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
-      <NetworkCard
-        downloadRate={[12, 31, 22, 12, 23, 23, 90]}
-        uploadRate={[31, 22, 32, 132, 32, 45, 65]}
-      />
-
 
     </YStack >
   )

src/pages/Dashboard/MemoryCard/MemoryCard.tsx

@@ -42,7 +42,7 @@ const MemoryCard = ({ currentMemory, maxMemory }: MemoryCardProps) => {
   const message = currentLoad < maxMemory ? 'Good' : 'Poor'
 
   return (
-    <DashboardCardWrapper padding="0" minWidth="220px" height="156px">
+    <DashboardCardWrapper padding="0" height="156px"   minWidth='200px'  maxWidth='30%'>
       <YStack
         style={{
           borderRadius: '16px',

src/pages/Dashboard/NetworkCard/NetworkCard.tsx

@@ -48,7 +48,7 @@ const NetworkCard = ({ uploadRate, downloadRate }: NetworkCardProps) => {
   const message = currentLoad > 60 ? 'Good' : 'Poor'
 
   return (
-    <DashboardCardWrapper padding="0" minWidth="220px" height="156px">
+    <DashboardCardWrapper padding="0" height="156px"  minWidth='200px'  maxWidth='30%'>
       <YStack
         style={{
           borderRadius: '16px',

src/pages/Dashboard/StorageCard/StorageCard.tsx

@@ -35,7 +35,7 @@ const StorageCard = ({ storage, maxStorage }: StorageCardProps) => {
   }
 
   return (
-    <DashboardCardWrapper padding="0" minWidth="220px" height={'156px'}>
+    <DashboardCardWrapper padding="0" height={'156px'}  minWidth='200px' maxWidth='30%'  >
       <YStack
         style={{
           borderRadius: '16px',