update advisories

src/pages/ValidatorOnboarding/Advisories/Advisories.tsx

@@ -6,11 +6,10 @@ import AdvisoriesContent from './AdvisoriesContent'
 import { useDispatch, useSelector } from 'react-redux'
 import { RootState } from '../../../redux/store'
 import { setSubStepAdvisories } from '../../../redux/ValidatorOnboarding/Advisories/slice'
-
+import './advisoriesLayout.css'
 type AdvisoryTopicsType = {
   [key: string]: string[]
 }
-
 const Advisories = () => {
   const dispatch = useDispatch()
   const { subStepAdvisories } = useSelector((state: RootState) => state.advisories)
@@ -38,12 +37,8 @@ const Advisories = () => {
   }
 
   return (
-    <XStack
-      style={{ padding: '30px 33px', justifyContent: 'space-between' }}
-      minHeight={'65vh'}
-      width={'100%'}
-    >
-      <YStack space={'$2'}>
+    <XStack className="advisories-container">
+      <YStack space={'$2'} marginBottom={'30px'}>
         <Stack marginBottom="$6">
           <Text size={27} weight={'semibold'}>
             Advisories

src/pages/ValidatorOnboarding/Advisories/advisoriesLayout.css

@@ -0,0 +1,15 @@
+.advisories-container {
+  padding: 30px;
+  justify-content: space-between;
+  min-height: 65vh;
+  width: 100%;
+  display: grid;
+}
+
+ 
+@media screen and (max-width: 1000px) {
+    .advisories-container {
+        flex-wrap: wrap;
+        margin: 30;
+    }
+  }

src/pages/ValidatorOnboarding/Overview/validatorLayout.css

@@ -1,6 +1,4 @@
-.layout {
-     
-}
+ 
 .layout::after {
   display: block;
   content: '';