diff --git a/apps/landing/src/index.css b/apps/landing/src/index.css index 9be361bcb..422aa1de3 100644 --- a/apps/landing/src/index.css +++ b/apps/landing/src/index.css @@ -150,6 +150,15 @@ margin: 120px auto 0 auto; } +.bento__mobile { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 60px; + margin: 80px auto 0 auto; +} + .bento__container { display: grid; grid-template-columns: repeat(5, 1fr); @@ -157,6 +166,13 @@ width: 100%; } +.bento__container__mobile { + /* width: 100%; */ + display: flex; + flex-direction: column; + gap: 25px; +} + .bento__base__card { display: flex; flex-direction: column; @@ -1098,4 +1114,4 @@ ul li { .newsletter input:focus { outline: none; border: 1px solid #eaecf0; -} +} \ No newline at end of file diff --git a/apps/landing/src/pages/landing/Landing.vue b/apps/landing/src/pages/landing/Landing.vue index 17cbd0d29..d58ec872e 100644 --- a/apps/landing/src/pages/landing/Landing.vue +++ b/apps/landing/src/pages/landing/Landing.vue @@ -240,24 +240,21 @@ const toggleQuestionItem = (index: number) => { -
+
-

- One place to connect your wallets,
stake, withdraw, and see your analytics. -

One place to connect your wallets, stake, withdraw, and see your analytics.

-
+

- Track all of your historical balances, rewards, and
withdrawals in one dashboard. + Connect any number of wallets at the same time.

-
+
-
+

Natively stake or withdraw ETH.

@@ -266,16 +263,16 @@ const toggleQuestionItem = (index: number) => {

- Get your transaction history
for any connected address. + Track all of your historical balances, rewards, and
withdrawals in one dashboard.

-
+
-
+

- Connect any number of wallets at the same time. + Get your transaction history
for any connected address.

-
+