Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML, CSS E FLEX BOX

Desktop design screenshot for the Sunnyside agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Footer's background is in testmonials and no, why is this happening?

And the social media icons I'm not able to give space.

Responsiveness remains to be done.

Community feedback

Anna Leigh 5,135

@brasspetals

Posted

Hi, Vinicius! Congrats on submitting your first solution. 🎉

A lot of it has to do with the fact that you used so many floats. If you add clear: both to your footer, this will at least help keep it on the bottom.

This was a good effort. I suggest trying out a few newbie challenges next, so you can focus on responsive design and getting a deeper knowledge of flexbox. I think the 3-column preview card component is a great one to start with. 👍

Happy coding! 😄

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord