I tried to style the input based off the hemisphere selector.
Couple concerns / notes:
there's not a whole lot of room for text at that size (~30px tall). I also wasn't sure if I should add a breakpoint for mobile to make it full-width.
not 100% sure what you like style wise (both code style and CSS style). I see you're using prettier - that's perfect and makes that easy. I wanted to split this component out into its own file to reduce clutter in App.tsx.
Fixes #2.
I tried to style the input based off the hemisphere selector.
Couple concerns / notes:
there's not a whole lot of room for text at that size (~30px tall). I also wasn't sure if I should add a breakpoint for mobile to make it full-width.
not 100% sure what you like style wise (both code style and CSS style). I see you're using prettier - that's perfect and makes that easy. I wanted to split this component out into its own file to reduce clutter in
App.tsx.Let me know if you have any feedback.