responsive design [5:29pm]

[frankcollins3]

attempting to do: mobile first design

error: space-between doesn't seem to be asserting the same evenness in the "iphone" responsive design setting. In ipad mini or in desktop mode, it is split evenly. 👎 mobile Left side: more white space between the most Leftward image and the Left viewport edge

proposed approach: tinker and edit

update: part of proposed approach #1: is using "responsive" mode to check the exact pixel where the unevenness starts [5:31pm]

[frankcollins3]

in the original app, there is no msg bottle icon. message bottle: for login page in case user wants to invoke puppeteer to search web for profile Icons (instead of using app provided icons bank from which to select user image)

took walk and realized why not just make the Left side droplet toggle between: msg-in-bottle image (because the loading bar for puppeteer to retrieve image is a boat driving in a cup) cloud (a feature I added to our bootcamp team project for the /dashboard

[6:04pm]

[frankcollins3]

👍 flex-grow: 1; was able to help this [9:49pm]

[frankcollins3]

https://stackoverflow.com/questions/28548609/flex-space-between-doesnt-work Try to add a width to your ul, if no width no space to let between. [10:00pm]