Skip to content

Commit 854e016

Browse files
committed
improved instructions and provided additional documentation on object-fit
1 parent d560a45 commit 854e016

File tree

2 files changed

+5
-2
lines changed

2 files changed

+5
-2
lines changed

exercises/08-Rounded-Image/README.es.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,8 @@ El problema con este enfoque es que solo funciona para imágenes cuadradas... La
1616

1717
## 💡 Pista:
1818

19-
+ Si la imagen es más grande que el `div` y quieres centrarla o enfocarte en una zona en particular puedes utilizar `object-position`.
19+
+ Si la imagen es más grande que su contenedor y quieres centrarla o enfocarte en una zona en particular puedes utilizar `object-position`.
2020

2121
+ En este articulo puedes leer más [sobre la propiedad object fit](https://css-tricks.com/on-object-fit-and-object-position/)
22+
23+
+ Adicionalmente, puedes [leer la documentación de object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) y [la documentación de object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)

exercises/08-Rounded-Image/README.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,8 @@ The obvious way create a rounded profile picture is to create an image tag and a
1515

1616
## 💡 Hint:
1717

18-
+ If the image ends up being bigger than the `div` (or with different proportions) you can adjust the `object-position` to choose what part of the image you want to display inside of the circle.
18+
+ If the image ends up being bigger than its container (or with different proportions) you can adjust the `object-position` to choose what part of the image you want to display inside of the circle.
1919

2020
+ You can also read [this great article about object fit](https://css-tricks.com/on-object-fit-and-object-position/)
2121

22+
+ Additionally you can [read the documentation on object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) and [the documentation on object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)

0 commit comments

Comments
 (0)