Ayuda con mi práctica de pastelería

[eskaider]

Compañeros cómo puedo hacer que en mis checkbox salga la imagen del pastel que estoy ofertando ya que no me sale anexo fotos para ver si alguien puede ayudarme 🥺😥 se supone que debe verse como en el wireframe pero no se me ocurre como 😞

• 

[Amhedriel]

Buenas colega, te recomiendo que le des un vistazo a CSS Grid para ver mejor el modelado que al parecer quieres para tu página Web y... porqué tienes un div dentro de otro div? que quieres hacer ahi?

[eskaider]

ya vi CSS grid y la verdad me es muy complicado cambie mi codigo pero aun asi no queda como mi wireframe estoy ya demasiado frustrado porque llevo 2 dias y no puedo hacerlo ya cheque grid flexbox pero no dice nada sobre los inputs ahora el problema es que la imagen me queda a un costado cuando deberia ser arriba puse la propiedad float: left; y nada

[eskaider]

anexo enlace de mi repositorio espero puedan ayudarme a resolver mi problema o guiarme para saberlo solucionar para futuros proyectos

https://github.com/eskaider/El-emporio-del-pastel

[Leonardo-Ismet]

Hola compañero por cada pastel faltaría agregar esta línea para integrar la imagen

tu cambias el tamaño o con la práctica de CSS lo vuelves resposive, ahora si lo haces con estilos podría ser algo así lo cual afectaría a las clases
.img Pastel1 {
display: flex
width: 90%;
height: 90%;
padding: 1%;
align-items: center;
}

Espero te sirva, saludos

[Leonardo-Ismet]

(< img class= "img" src ="Link a la foto" alt ="Pastel de fresa" width ="50px" height ="50px" >) solo retiras los espacios

[eskaider]

intente hacerlo peo no me funciona

ahora sale asi y no puedo moverlo

[eskaider]

anexo enlace de mi repositorio espero puedan ayudarme a resolver mi problema o guiarme para saberlo solucionar para futuros proyectos

https://github.com/eskaider/El-emporio-del-pastel