Skip to content
Submitted 11 days ago

Four Cards Section using Flexbox and responsive

Boffdub•60
@Boffdub
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

It was a struggle at first because I was just trying to figure out flexbox but it wasn't working the way I wanted to. But I was proud I stuck with it and eventually figured it out.

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

See above.

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

Just if there is any glaring mistakes I made.

Community feedback

  • Facundo Andrés De Los Rios•200
    @FacundoDLRPosted 11 days ago

    Hello, I was looking at your solution and I could suggest that you try the grid design system for the cards section, I think it could be much better for you (I used it in this same challenge and the result is fantastic). Also, you can take a look at the responsive design, apparently it doesn't work well on different screens and finally you could change the color of the card titles to the same one you used in the .intro h1 class (it will look much better visually).

    I hope my comments are helpful to you. Happy coding =)

    1
    Boffdub•60
    @BoffdubPosted 11 days ago

    @FacundoDLR Thank you!

    I'm actually using the grid layout system in the next challenge!

    0

Please log in to post a comment

Log in with GitHub

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