Skip to content
Submitted over 3 years ago

HTML SASS

Joe•80
@Jcorrales07
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

HELLO THERE! Any advice or feedback would be appreciated!

I had some issues with putting the image ( I do not know how to make an responsive image or something like that.)

I also managed to put the overlay purple tint on the image, took me a while tbh. Also, I am new in Github so I have troubles with it, i hope everything is ok.

Please give me an advice or tips, so I can improve my skills :D thank you

Community feedback

  • tediko•6,680
    @tedikoPosted over 3 years ago

    Hello, Joe! 👋 Well done on this challenge! Here's a few things I'd suggest you to take a look at:

    • Read about semantic. Semantic elements lead to more consistent code, they are easier to read and improve accessibility.
    • Instead of using opacity on your .layer container you can use mix-blend-mode: multiply; to get effect from design.

    Keep up the good work! 💪

    1
    Joe•80
    @Jcorrales07Posted over 3 years ago

    I really appreciate this, thank you @tediko !!! 😁 I didn’t know about mix-blend-mode property 😅

    0
    Joe•80
    @Jcorrales07Posted over 3 years ago

    @tediko I have a question, Is there another way to put that purple background on the image? Or how would you do it?? Thank you

    0
    tediko•6,680
    @tedikoPosted over 3 years ago

    @Jcorrales07 I'd say mix-blend-mode is perfect for that case when you have to mix your image with some color. So I'd probably do it like that too.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord