Estoy intentando hacer esto:
básicamente quiero poner 1 icono en cada círculo para editar y borrar y adentro del container pongo una imagen y texto como se ve en la imagen, sé que puede ser algo sencillo, pero no he podido sé que debe ser con un container general que incluya los 2 container hijos, pero cuando lo hago se ve mal y no logra este efecto adjunto código:
<div
style=" display: flex;
width: auto;
margin: 14px;
box-shadow: 0 0 16px 8px #b3b3b440;
border-radius: 10px;"
>
<div>
<div
style="
background: #F8F8F8;
border-radius: 10px;
margin: 15px;
"
>
<img
style="
width: 126px;
padding: 15px;
"
src="https://res.cloudinary.com/dlqmpatgu/image/upload/v1618344092/580b585b2edbce24c47b2695_rxxkem.png"
/>
</div>
<div
style="
margin: 6px;
margin-top: 45px;
">
<span style="font-size:16px; font-size: 18px;
color: #16335e;
font-weight: 500;">arreglo de flores rojas</span>
<br/>
<span
style="margin-top: 5px; font-size: 18px;
color: #16335e;
font-weight: 500;
font-size: 18px;"
>$ 109999 </span>
<span
style="margin-left:10px; font-size:14px; font-weight:
normal; color:#1FC94F"
>Envío gratis</span>
<br/>
<span style="font-size:14px; font-size: 18px;
color: #16335e;
font-weight: 500;"
>2 Productos</span>
</div>
<div>
<div>
logo bonito
</div>
<div>
logo bonito
</div>
</div>
</div>
</div>
he estado con esto 4 días cualquier ayuda es agradecida :)
también adjunto el código base que tenía antes en este solo está el div del container general y allí hago el flex para acomodar la imagen y el texto como en la imagen también mantengo un width automático para que se adapte depende del contenido del texto:
<div
style=" display: flex;
width: auto;
margin: 14px;
box-shadow: 0 0 16px 8px #b3b3b440;
border-radius: 10px;">
<div
style="
background: #F8F8F8;
border-radius: 10px;
margin: 15px;">
<img
style="
width: 126px;
padding: 15px;"
src="https://res.cloudinary.com/dlqmpatgu/image/upload/v1618344092/580b585b2edbce24c47b2695_rxxkem.png"
/>
</div>
<div
style="
margin: 6px;
margin-top: 45px;"
>
<span style="font-size:16px; font-size: 18px;
color: #16335e;
font-weight: 500;">flores
bonitas</span>
<br/>
<span
style="margin-top: 5px;
font-size: 18px; font-size: 18px;
color: #16335e;
font-weight: 500;"
>$ 109990</span>
<span
style="margin-left:10px; font-size:14px; font-weight: normal;
color:#1FC94F"
>Envío gratis</span>
<br/>
<span style="font-size:14px; font-size: 18px;
color: #16335e;
font-weight: 500;"
>2 Productos</span
>
</div>
</div>