Skip to content
Submitted over 3 years ago

Four Card Feature Using Grid

Revanth Reddy•240
@revanthreddy673
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 could not get the top color for each item look exactly like in the design. Could anyone please let me know how I can achieve that?

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    Remove the :before styling on the card what you need to do is add border-top to each of your cards

    Marked as helpful
    0
    Revanth Reddy•240
    @revanthreddy673Posted over 3 years ago

    @palgramming Thank You Patrick

    0
  • elkhedro•0
    @ao-archiproPosted over 3 years ago

    up #ea5453, left #43d3d3, down #fcae4a, right #529ef2

    0
    Revanth Reddy•240
    @revanthreddy673Posted over 3 years ago

    @ao-archipro Thank you for your comment

    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