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

Responsive Landing page with HTML & CSS

@FuzzyQi

Desktop design screenshot for the Fylo landing page with two column layout coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback on getting the social media icons in a the white circle surrounding it Mine feels a bit janky.

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Nice work on this challenge, Teleayo! You've done a really good job. For the social icons, I'd set a height and width, like you've done. But then I'd use Flexbox to center the icons both horizontally and vertically instead of adding padding to the anchor tag. The code to center the icons would look like this:

.footer__social-media li {
  display: flex;
  align-items: center;
  justify-content: center;
}

Also, I'd recommend taking a look at the accessibility errors in the report and try to resolve them.

I hope you enjoyed the challenge. Keep up the great work!

0

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