Responsive huddle landing page with curved sections

Hi there! Nice job!

About the color of the social media icons in the footer, you can set it to white by:

• setting the property fill, of the path tag, in the icon file, to white;

• adding the property filter: brightness(0) invert(100%) on the img tag;

• replacing the img tag for a div, with the following properties: background-color white, mask-image: url(path_to_the_icon); width: width_of_the_icon; height: height_of_the_icon; mask-repeat: no_repeat; mask_size: contain; mask-position: center. This solution is a bit tricky and you will need an autoprefixer since the mask properties don't work on chrome without the webkit prefix, but it can be quite usefull when you need to use hover effects;

• and using an icon library like font-awesome. For social media icons, that's the easiest and, in my opinion, the best way.

Oi Adriano, parabéns pelo desafio, cada vez fazendo mais landing pages complexas, mandou bem!

Eu vi aqui seu live site e tá tudo bem feito, bem legal essa coisa dos elementos com a ondinha, eu não faço ideia de como sejam feitos esses tipo curvas.

Se você quiser dar uma melhorada, cria uma classe com o max-width: 1110px e coloca nas sections pra segurar o conteudo uniformemente e quando for aplicar a lista de redes sociais uma a lista organizada pra listá-los com a tag <ul><li><a> </a></li></ul> que seria o jeito mais semântico e linkável pra aqueles elementos.

De resto tá tudo bem legal, na real você foi bem mais longe que eu no nível de complexidade de projetos, parabéns!