<div class="card">
<!-- 1º linha -->
<div class="card__descrição">
<!-- 1º coluna -->
<div class="descrição">
<h3 class="descrição__titulo">Talvez você também se interesse por...</h3>
<h2 class="descrição__titulo-livro">Angular 11 e Firebase</h2>
<p class="descrição__texto">Construindo uma aplicação integrada.</p>
</div>
<!-- 2º coluna -->
<img src="img/Angular.svg" class="descrição__imagem">
</div>
<!-- 2º linha -->
<div class="card__botões">
<!-- 1º coluna -->
<ul class="botões">
<li class="botões__item"><img src="img/Favoritos.svg”></li>
<li class="botões__item"><img src="img/Compras.svg"></li>
</ul>
<!-- 2º coluna -->
<a href="#" class="botões__ancora">Saiba mais</a>
</div>
</div>
Após analisar o código acima e a disposição dos elementos na figura, ordene 3 blocos com o nome das classes que devem receber a propriedade CSS display:flex;.
|Botões| - |card__botões| - |card__descrição| - |descrição__imagem|
Não consigo fazer esse exercicio por favor me ajudem, na minha concepção seria ---> |card__descrição| |descrição__imagem| |card__botões| porem esta dando errado!!