Here is my read-only link before I even ask my question haha.
I am having trouble getting my placeholder form text to be vertically centered. It looks great on desktop, but on mobile the text moves to the top across all mobile browsers. Please see the screenshots below. One other things to note is that the text that is actually entered is always vertically centered, just not the placeholder text.
Also, I would like for my form fields to remain ~45 pixels tall. I have tried playing around with the line height, but this seems like more of a workaround that won’t always look vertically centered across devices. Does anyone have a recommendation?