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 3 columns preview - grid, flexbox and simple animation

Djamel1133 150

@Djamel1133

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

my first animation and improvement of litte other things.

What challenges did you encounter, and how did you overcome them?

keeping the 3 buttons as the same level (in 3 differents divs) : i use flex-grow. I keep trying over and over to get the correct parameters, especially when the page dimensions are downsized.

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

Is there any solution (like components ?) to deal with repetition (3 divs with the same elements that only differ in text and colors)? Any code optimization suggestions? Thanks to all.

Community feedback

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