plebnet-dev / website

plebnet.dev website
https://plebnet.dev
MIT License
7 stars 16 forks source link

Join page - mobile adjustment #12

Closed bitkarrot closed 1 year ago

bitkarrot commented 1 year ago

The join page does not seem to adjust to mobile narrower width on Android.

bitkarrot commented 1 year ago

Example of what I see on Android Mobile for Join page, white boxes should go inline

photo_2023-06-24 19 03 31

eriknewland commented 1 year ago

Added some flexbox/responsiveness

Screen Shot 2023-07-09 at 8 09 45 AM

eriknewland commented 1 year ago

Deployment link:

https://plebdevs-eriknewland.vercel.app/

bitkarrot commented 1 year ago

Thanks for the PR, a few things. I don't know how difficult it would be to make this adjustment, so let me know if its doable or not

  1. when viewing full browser size, it doesn't go back to side by side and the rectangles are of different sizes.
  2. Its not quite obvious when I click on the 'Individual' or 'corporate' boxes that there is a form, sometimes, it my window is smaller. How can we address this better? either by

A) redirecting to a separate page with the form B) pushing the form to the top and the links to the bottom C) doing a modal where the form pops up over

bitkarrot commented 1 year ago

Example of what i see in Firefox desktop browser

Screenshot 2023-07-09 at 1 01 45 PM
eriknewland commented 1 year ago

Interesting, I'll try and track down what's going on with the flex issue there. And as for number 2, I think a Modal would probably be best. I'll get back to you later today with some updates

plebnetdev commented 1 year ago

this is good, close?