Submitted about 1 year ago

Frontend Mentor Challenge 6: Four Card Feature Section.

TheTrueScout•170

@TheTrueScout

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

What specific areas of your project would you like help with?

I didn't want to use transform: translateY(); to position the first and last cards on desktop. I thought there was a way to do it with flex only, but I couldn't figure it out. It would be great if someone could tell me how to do it with flex only( I don't want to put the middle cards in a flex-direction: column; div and make the main card container a flex-direction: row; div ).

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on TheTrueScout's solution.

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