HTML CSS SASS BEM Design 🥰

it was normal challenge for me the part that I struggled with a little bit was making the cards all the same size. What I want feedback about:

1. is it correct to wrap <li> with div inside the <ul> for example:

          <div class="col-wrapper fixed-width-300-medium flex-center-vertical">
            <li class="feature__item feature__item--cyan fixed-width-300-medium">
              <div class="feature__content">
                <h2>Supervisor</h2>
                <p>Monitors activity to identify project roadblocks</p>
              </div>
              <img class="align-right" aria-hidden="true" src="./images/icon-supervisor.svg" alt="">
            </li>
          </div> ```. -
2. is it possible to make these cards with the grids and if not why ?.
3. Semantic HTML markup is it correct or something is missing.