All solutions

I worked on the code through Visual Studio Code that I would live preview through local browser. When I imported to Github pages, it didn't look the same. In particular, the top and bottom padding for my buttons shifted.

Does my CSS need to be responsive to avoid that from happening? Or is there a part of my code that's affecting it?

Any general feedback would also be very helpful. Thanks!

I'd like some feedback on the button as I had a hard time figuring that out. I put a SVG icon within the input using label. Though it worked, the icon and text (value) aren't properly spaced as the center of the button. I assume this is because they're technically separate since icon is inside label and value is inside input. What are other methods to do this where the spacing can be better adjusted?

I'd also appreciate general feedback on CSS I've used, if there are more efficient ways. I've only started learning HTML and CSS for a few weeks so I'm sure there are many points to improve on.

Thank you!