Responsive landing page using HTML and CSS. Flexbox display.

Solution by

Design Comparison



  • 3Accessibility

  • 1HTML

View Report

Mason's questions for the community

This was the last of my HTML + CSS newbie challenges! I would really appreciate some feedback before I graduate over to the junior-level challenges.

How are my semantic elements? Am I using "main", "section", and "footer" correctly?

Was my method of going about making the display responsive the best way of going about it?

I also have no idea how in the example the :hover pseudo-class for the social media icons only highlights the border and the icon. I couldn't figure out how to change the color of the image. Only it's background.

Anything else I could be doing better?

Slack logo

Join our Slack community

Join over 80,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!