Hope this counts!

Community feedback

• 

  P

  Jessica•880

  @perezjprz19Posted almost 3 years ago

  Yes, the overlay was pretty difficult. I spent a considerable amount of time on it and thought I had figured it out, until I submitted and it wasn't quite right, so I had to go back to fix it.

  I used Mix-blend-mode and filter to get it done, and I saw a couple of other people play with mix-blend-mode and opacity.

  You can see my solution here

  In addition to that, I want to recommend:

  • Starting from a mobile first approach and slowly increasing your width. Once things start to break, then you add your media queries.

  • Using !important is generally bad practice unless absolutely necessary.

  • Regarding the stats... Using text-transform: uppercase is helpful. For this one since, the design probably won't change is not a big deal. If you have a design and you know a certain element will always be uppercase, why not use it? That way you don't have to remember to do it manually.

  Other than that, I think you did a great job matching the way the design looks.

  Marked as helpful

  0

  ---

  

  Issa Habhab•100

  @Issahab2Posted almost 3 years ago

  @perezjprz19 Thanks for your suggestion ! But i saw that you used :before and I normally stay away from it cause it's complicated xD Although my text container needs more adjustments, I feel like I'm okay with these results, because they are easy fixes.

  0

  

  P

  Jessica•880

  @perezjprz19Posted almost 3 years ago

  @Issahab2 sounds good. I thought it was complicated too. It took me a couple of tries before I got it right lol

  I don't know if anyone found a different solution 🤔

  Marked as helpful

  0
• 

  P

  Jessica•880

  @perezjprz19Posted almost 3 years ago

  Ok. So I found one that didn't use :before

  @cansurer-at <-- Their solution looks pretty spot on for the overlay.

  They used mix-blend-mode and opacity. If you just go to your challenge hub and look at the solutions, their was submitted about 11 hours ago.

  1

  ---

  

  Issa Habhab•100

  @Issahab2Posted almost 3 years ago

  @perezjprz19 You are being very helpful ! Thank you so much. Btw regarding the uppercases, I didn't even notice. XD Probably because I wasn't putting all my effort and focus on this challenge, I was bored and killing time. But thanks anyway for the advices I learned from it <3

  0