Is it possible to align all children and their Descendents to a root grid?

Question

say I have an HTML like this :

<div class="root">

    <div class="children1">
        <div class="descendent1"></div>
        <div class="descendent2"></div>
        <div class="descendent3"></div>
    </div>

    <div class="children2">
        <div class="descendent1"></div>
        <div class="descendent2"></div>
        <div class="descendent3"></div>
    </div>

    <div class="children3">
        <div class="descendent1"></div>
        <div class="descendent2"></div>
        <div class="descendent3"></div>
    </div>
    
</div>

and let say I built the next grid on the root element

.root {
    display: grid ;
    grid-template-columns: 85px 1fr repeat(10, minmax(50px, 105px)) 1fr 30px;
    grid-column-gap: 16px;
    grid-template-rows: auto

Is it possible to alight the descendants of every child to the root grid?