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 design using CSS variables, grid, flex, and utility classes

R Hayes 240

@ryanthayes

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


One section that I can't seem to figure out is how to perfectly center align the three columns under "Supercharge your workflow". I tried every kind of alignment (content, items, justify, self), but the first column is a couple of pixels lower. Grrr.

Community feedback

Blagoj 130

@Bagataa

Posted

Hello, congratulations on finishing the challenge, I reviewed your code and I fixed it by adding a height on icons now it's perfectly aligned. The first icon has an 88px height the other 2 icons are 80px height you can change the first item to 80px height and it will be perfectly aligned. I hope this helps you. HAPPY CODING

Marked as helpful

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