Skip to content
Submitted 3 months ago

Four Card Page

demon2316slayer•110
@demon2316slayer
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?

Well this was an interesting challenge but i decided to add my own style to it. The reason being i wanted to design it close but still wanted to experiment and add some originality.

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

How can i position the elements which exactly as the image provided. This problem i encountered but i also did not want to waste more than a day so i made the design with some changes .

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

Maybe postioning of bottom elements exactly the same as the material provided.

Community feedback

  • Dan Carter•450
    @carter212-starPosted 3 months ago

    Nice try. You can make your solution more wonderful by improving your CSS skills. The layout of the page is slight different from the design.

    Marked as helpful
    0
  • Bhuvnesh Upadhayay•2,000
    @bhuvi819381Posted 3 months ago

    If you want exactly like you need to do with grid or flexbox. Doing with grid is a better options.

    Marked as helpful
    0
  • nicowashere•250
    @devdrivenaiPosted 3 months ago

    Good job, mate! That was a good effort.

    Some things you can still improve, though:

    • I suggest you to maybe follow this path in MDN, in particular the "grid" section (and, of course, make your notes and experiment).

    • Also, have a look at this property.

    Looking forward to the next one! Keep it up!

    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