The placeholder text

Tell us what’s happening:
Describe your issue in detail here
am having trouble with the placeholder text display in the text area

  **Your code so far** <textarea rows="5" columns="50" spaceholder="comment here"></textarea>

<style>
.container {
  font-size: 1.5em;
  min-height: 300px;
  width: 100%;
  background: LightGray;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto;
  grid-gap: 10px;
  grid-template-areas:
    "advert header"
    "advert content"
    "advert footer";
}
.item1 {
  background: LightSkyBlue;
  grid-area: header;
}

.item2 {
  background: LightSalmon;
  grid-area: advert;
}

.item3 {
  background: PaleTurquoise;
  grid-area: content;
  /* Only change code below this line */
grid-template-columns:grid (auto,1fr);
display:grid;
  /* Only change code above this line */
}

.item4 {
  background: lightpink;
  grid-area: footer;
}

.itemOne {
  background: PaleGreen;
}

.itemTwo {
  background: BlanchedAlmond;
}

</style>

<div class="container">
<div class="item1">header</div>
<div class="item2">advert</div>
<div class="item3">
  <div class="itemOne">paragraph1</div>
  <div class="itemTwo">paragraph2</div>
</div>
<div class="item4">footer</div>
</div>
  **Your browser information:**

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

Challenge: Create Grids within Grids

Link to the challenge:

instead of this:

you need to write this:

@Amandeep715

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

You can post solutions that invite discussion (like asking how the solution works, or asking about certain parts of the solution). But please don’t just post your solution for the sake of sharing it.
If you post a full passing solution to a challenge and have questions about it, please surround it with [spoiler] and [/spoiler] tags on the line above and below your solution code.

Sorry…Next time i will be more careful while answering other people.

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