stats-preview-card-component-main using flex

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted about 2 years ago

  Hello, Cristian! 👋

  Congratulations on completing this challenge! 🎉

  One small suggestion I have is to make the stats div as a list element. It's because if the site has no styling, it will look something like this:

  • 10k+ companies
  • 314 templates
  • 12m+ queries

  So, the list element would be more appropriate for the content of the page.

  That's it! I hope you find this useful! 🙂

  Marked as helpful

  1

  ---

  

  Cristian Eduardo Ledesma•90

  @CristianEduardoLedesmaPosted about 2 years ago

  @vanzasetia Thank you very much! I will take your suggestions!

  1
• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello Cristian, congratulations for your new solution!

  Nice solution, something you can do to have the image purple with the same overlay effect, is to use the property mix-blend-mode thst make this color blend between the image and the background-color of the container. See the steps below to apply to the img or picture selector:

  img {
  mix-blend-mode: multiply;
  opacity: 75%;}
  

  Here's a good article explaining these effects with mix-blend-mode: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Cristian Eduardo Ledesma•90

  @CristianEduardoLedesmaPosted about 2 years ago

  @correlucas hello lucas, thanks for the recommendation!

  0
• 

  Adriano•38,330

  @AdrianoEscarabotePosted about 2 years ago

  Hi Christian, how are you?

  I really liked the result of your project. I have some tips that I think you will like:

  1- I noticed that the layout is not centered, you can fix it like this:

  body { min-height: 100vh; margin: 0 auto; }

  with this code in your body you put the height of the body completely filling the screen, and with the margin we center the body.

  The rest is really good! Hope it helps... 👍

  Marked as helpful

  0

  ---

  

  Cristian Eduardo Ledesma•90

  @CristianEduardoLedesmaPosted about 2 years ago

  @AdrianoEscarabote I will follow your advice Adriano, Thank you very much!

  0