Mobile-first solution using CSS Grid and Flexbox

Solution by

Design Comparison



  • 2Accessibility

  • 1HTML

View Report

Logan's questions for the community

I'm still new to CSS. I'm curious if someone could scrub through my code and see if there's a more efficient way I could have used flex-box in this situation. I was having trouble setting heights for this project. I wanted it to take up the whole screen so I set the header to 20vh and the body to 70vh leaving 10vh for the icons at the bottom. I'm not sure if that's the best way to go about it so I would love input!

Thank you!

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!