Click here to view more cat photos.
Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
--- id: bad87fee1348bd9acdf08812 title: Cambia el tamaño de tus imágenes challengeType: 0 videoUrl: 'https://scrimba.com/c/cM9MmCP' forumTopicId: 18282 dashedName: size-your-images --- # --description-- CSS tiene una propiedad llamada `width` que controla el ancho de un elemento. Al igual que con las fuentes, usaremos la unidad de medida `px` (píxeles) para especificar el ancho de la imagen. Por ejemplo, si queremos crear una clase CSS llamada `larger-image` que le asigne a los elementos HTML un ancho de 500 píxeles, usamos el siguiente código: ```html ``` # --instructions-- Crea una clase llamada `smaller-image` y úsala para redimensionar la imagen de modo que solo tenga 100 píxeles de ancho. # --hints-- Tu elemento `img` debe incluir la "class" `smaller-image`. ```js assert( $("img[src='https://bit.ly/fcc-relaxing-cat']").attr('class') === 'smaller-image' ); ``` Tu imagen debe tener 100 píxeles de ancho. ```js assert( $('img').width() < 200 && code.match(/\.smaller-image\s*{\s*width\s*:\s*100px\s*(;\s*}|})/i) ); ``` # --seed-- ## --seed-contents-- ```html
Click here to view more cat photos.
Things cats love:
Top 3 things cats hate:
Click here to view more cat photos.
Things cats love:
Top 3 things cats hate: