Skip to content
OverviewSolutions
9
Comments
3

Sandy Marrone

@SamCastle16Venezuela145 points

Diseñador Gráfico freelancer, ¡en busca de aprender tecnologías de desarrollo web✌! | Freelancer Graphic Designer, looking to learn web development technologies✌!

I’m currently learning...

HTML, CSS and JS💛

Latest solutions

View more solutions

Latest comments

  • Sandy Marrone•145
    @SamCastle16Posted over 2 years ago

    ¡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
    1
  • Sandy Marrone•145
    @SamCastle16Posted over 2 years ago

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

    1
  • Sandy Marrone•145
    @SamCastle16Posted over 2 years ago

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

    1