Skip to content
Submitted 11 months ago

Frontend Mentor Challenge 6: Four Card Feature Section.

TheTrueScout•170
@TheTrueScout
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

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

Log in

Community feedback

  • Megha S Patil•100
    @meghaspatil1

    flex direction with column would be more easy.

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