Small fixes to homepage layout

[JacobHomanics]

Description

The layout wasn't working as expected due to incorrect flex-col/flex-row setup, especially on different screen sizes. The proposed changes provide a clean layout for all screen sizes.

Additional Information

Tailwind follows a mobile-first approach, meanwhile the SE-2 homepage seemed to have been following a desktop-first approach: https://tailwindcss.com/docs/responsive-design#working-mobile-first which led to unexpected behaviour.

Because of this, the example: flex-col sm:flex-row does not work as expected. On small screens, it actually defaults to flex-col. Since when tailwind sees flex-col, it actually interprets it as sm:flex-col.

Proposed Changes

The Connected Addresses section now simply is a flex-col, since with the (now removed) sm:flex-row, mobile screens would have content displaying horizontally off-screen.

The Call To Action section inhibits the mobile first approach by defaulting to a flex-col and on screens medium or larger it turns into a flex-row.

• I have read the contributing docs (if this is your first contribution)
• This is not a duplicate of any existing pull request

Your ENS/address: jacobhomanics.eth

[technophile-04]

Thanks @JacobHomanics! yes we had small horizontal scroll on main branch in mobile screens... this fixes it too 🙌