Помогите с гридами пожалуйста

.container { 
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
}

<div class="container"> 
  <div class="block"> 
    <h1>Title 1</h1> 
    <p>Text</p> 
  </div> 
  <div class="block"> 
    <h1>Title 2</h1> 
    <div class="block-2"> 
      <h2>Title 1</h2> 
      <p>Text....</p> 
    </div> 
    <div class="block-2"> 
      <h2>Title 2</h2> 
      <p>Text....</p> 
    </div> 
    <div class="block-2"> 
      <h2>Title 3</h2> 
      <p>Text....</p> 
    </div> 
    <div class="block-2"> 
      <h2>Title 4</h2> 
      <p>Text....</p> 
    </div> 
  </div> 
  <div class="block"> 
    <h1>Title 3</h1> 
    <div class="block-2"> 
      <h3>Title 1</h3> 
      <p>Text....</p> 
    </div> 
    <div class="block-2"> 
      <h3>Title 2</h3> 
      <p>Text....</p> 
    </div> 
    <div class="block-2"> 
      <h3>Title 3</h3> 
      <p>Text....</p> 
    </div> 
    <div class="block-2"> 
      <h3>Title 4</h3> 
      <p>Text....</p> 
    </div> 
  </div> 
</div>

.grid-main { 
	 
 
    display: grid; 
    grid-template-columns: repeat(3,1fr); 
    grid-template-rows: repeat(4,50px); 
 
    
} 
.block-1 { 
	grid-row:1/3; 
} 
.block-2 { 
	grid-row: 3/5; 
} 
.grid-main div { 
	border:1px solid; 
}

    <section class="grid-main"> 
 
             
                <div class="block-1"> 
                    asdasd 
                </div> 
 
                <div class="block-2"> 
                    sdasdsad 
                </div> 
                <div class="block-3">2</div> 
                <div class="block-4">3</div> 
                <div class="block-5">4</div> 
      
        
                <div class="block-6">1</div> 
                <div class="block-7">2</div> 
                <div class="block-8">3</div> 
                <div class="block-9">4</div> 
                <div class="block-10">4</div> 
                
     
            </section>