You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: exercises/08-Rounded-Image/README.es.md
+3-4Lines changed: 3 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -8,9 +8,8 @@ La forma obvia de crear una imagen de perfil redondeada es crear una etiqueta de
8
8
9
9
## 📝 Instrucciones:
10
10
11
-
1. En lugar de hacerlo, el enfoque correcto será crear un div cuadrado (es decir: con igual ancho y alto), asignar la imagen como fondo y luego aplicar un borde-radius a ese div.
11
+
Adicionalmente a border-radius tenemos que tambien utilizar la propiedad `object-fit`, [aqui hay una explicación](https://www.loom.com/share/15186e456dfd4741887997af40325721).
12
12
13
-
2. Si la imagen termina siendo más grande que el div (o con diferentes proporciones), podemos ajustar
14
-
el background-position o background-size para elegir
15
-
qué parte de la imagen queremos mostrar dentro del círculo.
13
+
Si la es mas grande que el div y quieres centrarla o enfocarte en una zona en particular puedes utilizar `object-position`.
16
14
15
+
En este articulo puedes leer más [sobre la propiedad object fit](https://css-tricks.com/on-object-fit-and-object-position/)
0 commit comments