Skip to content
Submitted over 3 years ago

Four-card

Erick Cernaā€¢60
@erickcerna
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

Hello everyone šŸ˜, I did this project to put my knowledge into practice. I used Flexbox to align the elements, but when aligning on mobile devices, the elements in the center do not fit the size of the other elements. šŸ¤” I'd really appreciate it if you could help me with that. Leave me a comment or make me a Pull Requests on my Github. šŸ˜ Thanks

Community feedback

  • Raymart Pamplonaā€¢16,100
    @pikapikamartPosted over 3 years ago

    Hey great work on this one.

    Regarding your query, if what you are trying to achieve is that making all the elements be centered, then what you could have do is that, instead of relying in flex-wrap, well it works but, as you notice you created a container for the two other blocks, which is the center right. To make all the elements be centered, add flex-direction: column in your main tag in a media breakpoint, that way they will all be centered properly ^^

    0
    Erick Cernaā€¢60
    @erickcernaPosted over 3 years ago

    @pikamart Thanks man, I will review my code to solve that bug...

    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