All solutions

Are there a set of standardized rules for form validation when it comes to common use-case input fields, like credit card validation?

Is there a better way to do the responsive set-up? This was my first time trying mobile-first design and I had a harder time minimizing my code footprint.

I was able to get the gradient background to have a curved border radius for the name input field, but for some reason with the same exact styling applied the border was not curved for any of the other focused input fields. Any insight into this issue is appreciated :)

Is there a way to do this grid layout without having grids within grids?

Is there a better way to apply the dim background overlay on mobile when the menu is open?

Is there an easier way to make the grid responsive when screen size changes?

Is there a better way to get the image to scale in the desktop view than using "object-fit: cover" ?

Is there a way other than media queries to use two separate images for desktop and mobile?

I still don't know all of the best practices for accessibility and SEO. I hope to improve my coding ability with regard to those areas especially.