Submitted over 2 years ago

Mobile First Four Card Feature Section Using Grid Template Areas

Dimitar Radev•930

@Mitko90

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

That's my take on this challenge.

I used mainly CSS grid and more-specifically grid-template-areas

My two questions are about the HTML:

Did I use the <header> correctly?
I used

<main>
    <section class="cards">
      <div class="card"> </div>

should I have used

<main class="cards">
    <section class="card"> </section>

As always a big thank you to anyone who takes time to look and correct my code.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Dimitar Radev's solution.

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