How to correctly name CSS classes according to BEM using an example?

Question

css

Greetings!
For example, I threw in a news output template.
1. How would you name the classes in the provided example within the BEM framework?
2. Is it wise to use ul lists in my example? Or is it better to use div here?
I wrote comments in the template for clarity.
Thank you!

<!-- главный блок с новостями -->
<div class="news">
  
  <!-- контейнер с новостями -->
  <ul class="list">
    
    <!-- колонка с новостью -->
    <li class="column">
      
      <!-- контейнер с новостью -->
      <ul class="list">
        
        <!-- заголовок новости -->
        <li class="title">Заголовок новости</li>
        
        <!-- дата новости -->
        <li class="date">
          <span class="time">10:00</span>
          <span class="date">01.01.2000</span>
        </li>
        
        <!-- описание новости -->
        <li class="description">Описание новости</li>
        
      </ul>
      
    </li>
    
  </ul>
  
</div>

Answer 1

<!-- главный блок с новостями -->
<div class="news">
  
  <!-- контейнер с новостями -->
  <ul class="news__list">
    
    <!-- колонка с новостью -->
    <li class="news__column">
      
      <!-- контейнер с новостью -->
      <div class="news__item">
        
        <!-- заголовок новости -->
        <h2 class="news__title">Заголовок новости</h2>
        
        <!-- дата новости -->
        <div class="news__date">
          <span class="news__date-time">10:00</span>
          <span class="news__date-when">01.01.2000</span>
        </div>
        
        <!-- описание новости -->
        <div class="news__desc">Описание новости</div>
        
      </div>
      
    </li>
    
  </ul>
  
</div>