Skip to content
Submitted over 3 years ago

HTML5 and CSS3

Zeshan Abdullah•145
@zeshanabdullah10
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

I am a newbie. Tried designing this layout using flexbox. Please share tips for improvement. Text in the flexbox overflows on resizing which is causing problems.

Community feedback

  • Nam HaÏ•820
    @Nam-HaiPosted over 3 years ago

    I think the use of flexbox was smart, grid is not forced. Flexbox makes the responsive a little easier i think, and you did well. So well job on that part.

    Try to get closer to the originale design tho. Use the right colors for titles, use opacity, and margin.

    In each card to match the original design, you could have either :

    • create a container and give it margin
    • give margin to every component
    Marked as helpful
    0
    Zeshan Abdullah•145
    @zeshanabdullah10Posted over 3 years ago

    @BlueTompon Thank you so much. Your feedback is really valuable.

    0
  • yza1982•145
    @yza1982Posted over 3 years ago

    You should use grid not flex

    Marked as helpful
    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