Huddle landing page with alternating feature blocks

Hi folks,

This was a fun yet challenging task. A few places where I went wrong:

1. Not including the community section in the main or footer container.

Areas where I need help:

1. Overlapping of community section.

I tried using transform: translateY(), but this section was instead getting hidden behind the footer. The z-index property was not helpful either.

2. Adding a round border(circle) to the Social media icons:

Fixed the width and height of the icons. But, circles around the icons appeared as an ellipse. When padding was added, alignment was not proper, meaning the icons were not at the center.

3. Also, the copyright section is flushed all the way to the bottom of the screen. Is it because of a lack of viewport height?

Open to other feedback!

Thanks for viewing my work.