<main class="main">

    <section class="beginner" id='beginner-block'>
      <h2 class='beginner__title'>Введение в профессию</h2>
      <div class='beginner__project-container'>
      <div class="beginner__project beginner__project_first-code">
        <a href='#' class='beginner__hover-link'>Первый код</a>
      </div>
      <div class="beginner__project beginner__project_design-principles">
        <a href='#' class='beginner__hover-link'>4 правила вёрстки</a>
      </div>
      </div>
    </section>

    <section class="intern" id='intern-block'>
      <h2 class="intern__title"> HTML & CSS Intern </h2>
      <div class='intern__project-container'>
      <div class="intern__column intern__column_multi-item">
        <div class="intern__project-block intern__project-block_two-projects">
          <div class="intern__project intern__project_first-project">
          <a href='#' class='intern__hover-link'>идея</a>
          </div>
          <div class="intern__project intern__project_second-project">
          <a href='#' class='intern__hover-link'>мысль</a>
          </div>
        </div>
        <div class="intern__project-block intern__project-block_one-project">
          <a href='#' class='intern__hover-link'>сомнение</a>
        </div>
      </div>
      <div class="intern__column intern__column_single-item">
        <a href='#' class='intern__hover-link'>задача</a>
        </div>
      </div>
    </section>

    <section class="pro" id='pro-block'>
      <h2 class="pro__title">HTML & CSS Pro</h2>
      <div class='pro__project-container'>
      <div class="pro__project pro__project_first-project">
        <a href='#' class='pro__hover-link'>цель</a>
        </div>
      <div class="pro__project pro__project_second-project">
        <a href='#' class='pro__hover-link'>вдохновение</a>
        </div>
      <div class="pro__project pro__project_third-project">
        <a href='#' class='pro__hover-link'>расчёт</a>
        </div>
      </div>
    </section>

  </main>