Base Apparel coming soon page (w/ CSS Grid & animations)

Had a lot of fun learning how to do form validation and keyframe animations, and a lot less fun wrangling the grid :V Turns out they're way more finicky to properly set the sizes for non-equal grid rows / columns in a dynamic context if you're not the most familiar with them.

Is there a way to use minmax() with a fr as the minimum, and an explicit maximum value (such as an em)? It didn't appear that was the case from what I saw, and knowing how to do a similar effect would be very useful to know as I continue to do more complex frontend design.

Beyond that, I'd appreciate any other feedback!