huddle-landing-page (css grid & svg icons)

Could use some help with a few things; I used SVGs for the icons. I had a hard time adding padding to them so that there was space between the border. When the icons were slightly larger and I added any padding then the icons would disappear. So the solution was make them small with a small amount of padding. Does anyone have any advice on how I can size them better, specifically with padding?

.icon { width: 2em; height: 2em; border: 1px solid #fff; border-radius: 100%; color: #fff; padding: 0.5em; margin: 5em 0.25em 0 0; }

The other challenge was that the background image doesn't always stretch to the bottom of the viewport.