lost-question.html

<!-- This works: -->
<div class="cardset">
  <div class="card"></div>
  <div class="card"></div>
</div>

<style>
.card {
  lost-column: 1/2;
} 
</style>

<!-- This does not -->
<div class="cardset">
  <h2 class="cardset__title">Title</h2>
  <div class="card"></div>
  <div class="card"></div>
</div>

<style>
.card {
  lost-column: 1/2;
} 
</style>

<!-- I can wrap the cards in a div like this so they don't have any siblings that 
don't have a lost-column setting, but I'd rather not. Is there a better way? Thanks! -->
<div class="cardset">
  <h2 class="cardset__title">Title</h2>
  <div class="cardset__inner">
    <div class="card"></div>
    <div class="card"></div>
  </div>
</div>

<style>
.card {
  lost-column: 1/2;
} 
</style>