3-column preview card - TailwindCSS - Vanilla JS

To create the entire component, the upper level part of the component is:

<article class="overflow-hidden rounded-lg flex flex-col lg:flex-row">
  <article class="w-[21.667rem] ...">...</article>
  <article class="w-[21.667rem] ...">...</article>
  <article class="w-[21.667rem] ...">...</article>
</article>

Should I allow the children elements to decide the width for the overall outer component (what I coded), or should I make the outer component decide the width for all the children (assuming that they should have equal widths)?