En mi caso, quiero ponerle un tamaño maximo a unos iconos que coloque con boostrap, pero si le pongo font-size en % o vw se agrandan mucho, y si pongo en px cuando achico me quedan muy grandes, y me gustaria que no pasen de sierto tamaño al agrandar o achicar mi pagina. html:
<nav class="barraLateral">
<section>
<a href="#"><img src="./imagenes/Lnf.png" alt="LogoL"></a>
</section>
<section class="barraLE">
<a href=""><i class="bi bi-house-heart-fill"></i></a>
<a href=""><i class="bi bi-code-slash"></i></a>
<a href=""><i class="bi bi-envelope"></i></a>
</section>
<section class="barraLR">
<a href=""><i class="bi bi-linkedin"></i></a>
<a href=""><i class="bi bi-github"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
</section>
</nav>
css:
.barraLE {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
margin-left: 30%;
}
.barraLE a {
color: white;
font-size: 40px;
}