Rozciągnięcie spana w display flex

Question

Siemka

Mam problem z rozciągnięciem span'a który znajduje się w display flex. Span pojawia się w momencie, kiedy nadaje mu statyczną szerokość np. width: 150px; Chciałbym zrobić tak, aby łapał całą szerokość

Mój html:

<div class="d-flex flex-column">
    <span>
        <span class="pu-skeleton">‌</span>
    </span
</div>

A tutaj mój css:
 

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.pu-skeleton {
    background-size: 200px 100%;
    background-repeat: no-repeat;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    width: 100%;
    height: inherit;
}

Edit:

Pomogło dodanie width 100% do flex'a ale czy nie ma jakiegoś innego sposobu typu flex grow?

Answer 1

https://css-tricks.com/almanac/properties/f/flex-shrink/

;) !