Responsive Web Design - CSS Grid

Why does it keep saying this? "
container class should have a grid-template-columns property with three units of 100px " even though I literally just accomplished the challenge as required and I can see the changes it has made to be correct?

. // tests completed

  **Your code so far**


.container {
  font-size: 40px;
  width: 100%;
  background: LightGray;
  display: grid;
  /* Only change code below this line */
  grid-template-columns: 100px 100px 100px;
  /* Only change code above this line */

<div class="container">
<div class="d1">1</div>
<div class="d2">2</div>
<div class="d3">3</div>
<div class="d4">4</div>
<div class="d5">5</div>
  **Your browser information:**

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

Challenge: Add Columns with grid-template-columns

Link to the challenge:

Where is it saying that? Your code passes for me. In the test window does it have a checkmark or an X?

I later on tried again and it sort of magically passed all the tests, I still don’t exactly know what part of my solution was causing it, but I’m moving on to other challenges anyway. Thank you!

Sometimes things just “glitch”. Sometimes just rebooting or resetting the browser cache will do it.

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