Buen día comunidad, espero estén bien. Tengo el siguiente dilema con los divis. Estoy trabajando en la página de mi portafolio, por lo que llegué a un punto donde no sé cómo corregir el css de la págína. Me explico: en la sección "Formación académica", estoy colocando la siguiente estructura de código:
<section class="formacion">
<h2 class="formacion__titulo">Formación Académica</h2>
<div class="formacion__container">
<div class="formacion__contenedor">
<div class="formacion__logo">
<img src="/assets/img/logo_usac.png" alt="logo USAC" class="formacion__imagen">
</div>
<div class="formacion__descripcion">
<h4 class="formacion__acreditacion">Contador Público y Auditor</h4>
<p class="formacion__fecha">2018 - USAC</p>
</div>
</div>
<div class="formacion__contenedor">
<div class="formacion__logo">
<img src="/assets/img/alura_logo.png" alt="logo ALURA Latam" class="formacion__imagen alura">
</div>
<div class="formacion__descripcion">
<h4 class="formacion__acreditacion">Front Ender</h4>
<p class="formacion__fecha">2022 a la fecha</p>
</div>
</div>
</div>
</section>La cosa es que una de las imágenes es más grande que la otra, por lo que los divis se ven así:
Lo que me está matando es que yo quiero que los div de las imágenes tengan el mismo tamaño, independiente del tamaño, puesto que quiero que los titulos estén en la misma altura, y demás.
Por lo que recurro a ustedes, ya que no he logrado encontrar la respuesta en internet.
En el código CSS todo está como flexbox, por lo que todo está bien, a excepción del tamaño de los divis.
Quedo atento a su pronta ayuda.
