@SamCastle16
@Perr0fe0
Submitted
Hola buenas!.
Aquí mi solución para esta actividad, ocupé grid para poder posicionar la parte de la información y las imágenes, y use flex para la zona de las estadísticas.
cada feedback me sirve mucho!.
Hi there!.
here's my solution for this activity, I use grid to be able to position the part of the information and the images, and flex for the stats zone.
Every feedback helps me a lot!.
@SamCastle16
Posted
¡Hola bro! Muy buena solución, felicitaciones 🎉.
Si quieres lograr el exactamente el efecto de color en la imagen, puedes hacer lo siguiente:
mix-blend-mode: multiply; y un opacity: 80%;.Quedaría así:
.imagen-color {
background-color: hsl(277, 64%, 61%);
}
picture img {
mix-blend-mode: multiply;
opacity: 80%;
}
Lo puedes ver un poco más claro en mi solución.
¡Muchos éxitos! ✌
Marked as helpful
@Cheosphere
Submitted
...made with a lot of love 🤘🏻🙂
@SamCastle16
Posted
Se que hablas español, por eso me tomaré el atrevimiento de escribir este comentario así😂. Se que da mucho trabajo, pero bro, amo tu pixel perfect, ¡excelente trabajo!😍👏
@godsonCodes
Submitted
Hello.
This is my first attempt at the QR Code Challenge.
Please review and share insights to help improve on subsequent projects.
Thanks.
@SamCastle16
Posted
Hi @godsonCodes! Congratulations on completing this challenge!😎
Some suggestions to improve you code:
You should use the main tag instead of a div(.container), because <main> represents the main content of the <body> of a document or application, it is very useful for special applications developed for people with disabilities, such as voice browsers, since they can go directly to the main topic of the document.
You can reduce the CSS by using the direct selector for each element (instead of using the class), this way you have even cleaner code, for example you can select everything using the direct selector for (img, h3, p and main).
I hope this helps! Happy coding!👻🎃
