Skip to content
Submitted about 2 years ago

Responsive design using CSS variables, grid, flex, and utility classes

R Hayes•240
@ryanthayes
A solution to the Clipboard landing page challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Blagoj•130
    @Bagataa

    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

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