Skip to content
OverviewSolutions
9
Comments
3
Sandy Marrone
@sandymarrone

All comments

  • Sandy Marrone•145
    @sandymarrone

    ¡Hola bro! Muy buena solución, felicitaciones 🎉.

    Si quieres lograr el exactamente el efecto de color en la imagen, puedes hacer lo siguiente:

    • A las imágenes les colocas: 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
  • Sandy Marrone•145
    @sandymarrone

    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!😍👏

  • Sandy Marrone•145
    @sandymarrone

    Hi @godsonCodes! Congratulations on completing this challenge!😎

    Some suggestions to improve you code:

    1. 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.

    2. 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!👻🎃