Skip to content
Submitted over 4 years ago

Four Card feature section using html and css

Nagendra•45
@nagendra226
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 unable to get the sketch design. How can I get it.

Community feedback

  • Sumit Paul•30
    @SumitreyPosted over 4 years ago

    Use a grid layout and use grid gaps to successfully place the cards on a proper layout.Create a grid of 4*3 cells,with the following position for each card. Supervisor Card -Cells(2,1)-(3,1) Team Builder Card -Cells(1,2)-(2,2) Karma Card -Cells(3,2)-(4,2) Calculator Card -Cells(2,3)-(3,3) View My Solution For More Info. https://www.frontendmentor.io/solutions/htmlcssgrid-layout-NtlF2Qk4o. Keep Trying.You will Succeed.

    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