2
respuestas

Al usar la función calc no se comporta como lo presenta en el video el instructor.

Si uso este código hace lo esperado con la imagen

.utensilios{ width: 120px; float: left; margin: 0 20px 20px 0 ; }

Pero si lo sustituyo por "calc(40% -(26px));" , no funciona y al revisarlo con la herramienta del navegador de google para inspeccionar la imagen, marca que no es una instrucción o función reconocida.

.utensilios{ width: calc(40% -60px)); /* 120px; valor sustituido por calc*/ float: left; margin: 0 20px 20px 0 ; }

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad }

Espero por favor me puedan orientar que ocurre, ya que en el video del instructor si funciona y hace el calculo del ancho de la pantalla. de antemano, MUCHAS GRACIAS!

2 respuestas

Hola manuel. si tu codigo es : .untensillos{ width : calc(40% - 60px));

/tenes un paréntesis de más / de todos modos tenés un error de sintaxis,por que en la herramienta de inspección te dice "no es una instrucción o función reconocida".revisa tranqui puede que tipeaste mal ó no,ó la propiedad no recibió correctamente el valor.intenta con un número real ya que por ahí no reconoce los valores negativos y en otras situaciones si.

/* te puedo orientar en esto hasta que alguíen te diga en concreto lo que ocurre, saludos

Muchas gracias. Haré lo propuesto y comento.