product preview cad

Hola Abhi, tu código se ve fenomenal.

• No se me ocurre como mejorarlo. A lo mejor se podría hacer algo más semántico, como por ejemplo:

           <main>
                 <article class= "previewCard">
                     <section class= "imgSection">...</section>
                      <section class= "details">...</section>
                  </article>
             </main>

• Con lo de la imagen, yo también he tenido dificultades. Pero en mi caso porque puse un div vacío y le puse un imagen de fondo.

           <div class= "hero__image></div>

          .hero__image {
               background-image: url(" ruta de la imagen");
         }

-La dificultad, radicó en que le puse una altura fija, que a la hora de aplicar flex me dió problemas.

-Sinceramente, comparando códigos, creo que el tuyo es más completo. Siento no poder ayudarte más.

Un saludo y sigue así.