Skip to content
Submitted about 4 years ago

HTML and CSS (grid)

Ayush Devkota•305
@AyushDevkota
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my 4th challenge. I know there are many ways to do stuff but it took me quite a while to figure out the grid-template-rows/columns to align properly. Is there a simpler way to achieve this, maybe using flexbox and keeping it responsive at the same time? Please leave any advice/feedback. Thank you

Code

Please log in to post a comment

Log in

Community feedback

  • Rizwan Mustafa•155
    @rizwanmustafa

    I used flexbox for this and it was quite easy for me. Have a look on my solution!

    Repo Link

    [Live Page] (https://rizwanmustafa.github.io/FourCardFeatureSectionChallenge/)

  • P
    Patrick•14,265
    @palgramming

    have you tried Grid Template Areas I find them easy and helpful once I understood them https://www.smashingmagazine.com/understanding-css-grid-template-areas/

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