Могу ли я использовать первый способ с классами вместо второго, когда я использую flexbox-grid, и какой из них является правильным способом сделать это, потому что во втором случае "article" не является элементом flex, и я не не знаете, как поступить?
<section class="section-features row">
<article class="feature-box col-1-of-2">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</section>
<section class="section-features">
<div class="row">
<div class="col-1-of-2">
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</div>
<div class="col-1-of-2">
<article class="feature-box">
<h2 class="heading-secondary">Heading</h2>
<p class="feature-box__text">
Lorem ipsum dolor sit amet, consectetur
</p>
</article>
</div>
</div>
</section>