Submitted about 4 years ago

HTML, CSS, BEM

Henok Hailemariam•40

@henokhm

A solution to the Social proof section challenge

Preview Code

Solution retrospective

I tried to use Grid on a container that had nested elements. For example, if I have the following markup:

<body>
  <header>Header</header>
  <main>
    <section class="section_1">Lorem, ipsum....</section>
    <section class="section_2">Lorem, ipsum....</section>
  </main>
</body>

and I have set display: grid; on <body>, is it possible to have the header and the two sections as grid items, essentially "ignoring" the <main> element?

I tried to time myself for this challenge. What would be a reasonable amount of time needed to complete this mini-challenge from start to finish for a professional frontend developer?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Henok Hailemariam'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