flexbox basico

<style>

*{afont-size: 2rem}

.contenedor-flexbox{

display:flex;

justify-content: flex-start;

align-items: flex-start; /*es igual a stretch solo que extiende la caja de todos los elementos segun el maximo altura de un elemento*/

}

h1,h2,p {margin:0; padding:0;}

h1{ background-color:yellow}

h2{ background-color:skyblue}

p{ background-color:pink}

</style>

<div class="contenedor-flexbox">

<h1>hola</h1>

<h2>hola</h2>

<p>hola</p>

<img src="mavuika1.jpg" width="400">

</div>