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?