Как в гридах использовать перенос(wrap)?

 .grid { 
  display: grid; 
  grid-template-columns: repeat(3, 100px); 
  grid-wrap: wrap; 
} 
 
.item { 
  width: 150px; 
  height: 50px; 
  background-color: red; 
}