O .towerlist
não está cobrindo nenhum % do .formationtower
, consequentemente o .tower
também não
<div class="formationtower">
<div class="towerlist">
<div class="tower"></div>
</div>
<div class="formationcontent">
<div class="formationslist">
<div class="paddinglist marbleslist">
<div class="circlelist">
<div class="marblelist"></div>
</div>
</div>
<div class="contentFormations">
<p class="paddinglist textformation">Formação Terapêutica Técnica Master Healing</p>
</div>
</div>
</div>
</div>
.towerlist{
height: 100%;
}
.tower{
background-color: #79c0bc;
width: 3px;
height: 100%;
}
.circlelist{
display: flex;
width: 18px;
height: 18px;
}
.circlelist.select{
border: 1px solid #e9cdc2;
border-radius: 180px;
}
.marblelist{
background-color: #e9cdc2;
width: 8px;
height: 8px;
border-radius: 180px;
margin: auto;
}
.paddinglist{
padding-bottom: 1rem;
}
.textformation{
padding-left: 1rem;
}