Stats Preview Card (Scss - Responsive Design)

Community feedback

• 

  Papa Elhadj Abdoulaye NDOYE•770

  @NDOY3M4NPosted over 2 years ago

  Nice job on this challenge. On mobile you could replace the height: 100vh to min-height: 100vh on the container class. You could also add some vertical padding on mobile. Other than that I think everything is okay. @Lucas feedback is also great. I use a similar technique when doing this challenge. Happy coding 🎉️

  Marked as helpful

  1
• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Hola Matias, congratulations for your challenge solution.

  For a better result with the card photo, to get a a color more accurate as the design files you can use the CSS property mix-blend-mode: multiply; and work the opacity like opacity: 0.75; applying this two properties inside the div with the photo.

  More about mix-blend-modes here:

  https://www.w3schools.com/cssref/pr_mix-blend-mode.asp

  You can check my solution and see how I've applied the same properties to the photo:

  https://www.frontendmentor.io/solutions/stats-preview-card-comp-pure-css-custom-colors-and-gradient-text-I2kqEpQIPj

  Congratulaciones bro!

  Marked as helpful

  1