Hi guys i do this [type='checkboxes'] { margin: 10px 0px 15px 0px; } like they asked but i

Hi!
I try to fix this challenge, (item5) but unfortunately I can’t do it, can someone help me with this
thanks, guys.

  **Your code so far**

<style>
.item1{background:LightSkyBlue;}
.item2{background:LightSalmon;}
.item3{background:PaleTurquoise;}
.item4{background:LightPink;}

.item5 {
  background: PaleGreen;
  grid-column: 5 / 4;
}

.container {
  font-size: 40px;
  min-height: 300px;
  width: 100%;
  background: LightGray;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 10px;
}
</style>

<div class="container">
<div class="item1">1</div>
<div class="item2">2</div>
<div class="item3">3</div>
<div class="item4">4</div>
<div class="item5">5</div>
</div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.107 Safari/537.36

Challenge: Use grid-column to Control Spacing

Link to the challenge:

is say that make item5 consume the last two columns:
so, in that case item5 starts from vertical line 2 and ends in line 3.
in order to consume the last column you have to end item5 to vertical line 4.
so it will be like grid-column: 2/4;

1 Like

Thank you
I already find it . :grinning:

your title and your post do not match, can you clarify what you are asking about?

1 Like

Hi ilenia
“Make the item with the class item5 consume the last two columns of the grid.” this is the challenge text

can you edit your title to match your question please?

haven’t you said you managed to solve it too?

1 Like

Thank you
I will did.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.