mobile first for side panel a little rough for iphone and smaller [11:29am]

[frankcollins3]

attempting to do: mobile first design.

error:

proposed approach: 👍 0: -> bucket is centered when screen is vast. 800px ? bucket becomes flex-start which puts it most leftwardly so as allowed, with some padding-left to push it from edge // this helped quite a bit.

---

0: width: 100% on the panel which now has a pink border to more easily see the container by which <form> is limited.

---

1: // ive been seeing using state differently helps with mobile first. Now I want the imperial or metric button to toggle from visibility because of how it looks with flex:wrap; 1 btn at a time

[frankcollins3]

also the original app says: "what time do you start your day" above the START_TIME redux setting input. 👍 "day start:" // I <3 the user friendliness that comes with the input label essentially instructing what to do

just as much as I like password constraint checker saying ( in case of age too young ): "Hello Droplet! Please Tell parents or guardian you visited us!"

even with smaller text, or dangerouslySetInnerHtml and linebreaks within html it doesn't look okay (to me)

[11:34am]

[frankcollins3]

when hovering show the dotted border which had to be token from 40px -> 30px -> 20px mobile