Skip to content
OverviewSolutions
7
Comments
15
I'm Fabra
@imfabra

All comments

  • I'm Fabra•160
    @imfabra

    Hello, I am not doing very well with English, but with the property "mix-blend-mode" you can achieve it, I'll give you the documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

    You can see how I apply it in my solution: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

  • I'm Fabra•160
    @imfabra

    I invite you to look at the solution I gave to this exercise and leave your comment: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    Let's keep coding!

  • I'm Fabra•160
    @imfabra

    https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

  • I'm Fabra•160
    @imfabra

    It looks good, congratulations. It is not a good idea to use ".body" as a "flexbox" container, normally classes like ".container" or "wrapper" are used.

    I invite you to look at the solution I gave to this exercise and leave your comment: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    Let's keep coding!

  • I'm Fabra•160
    @imfabra

    looks good, congratulations. try using "height: 100vh;" in the ".main" to use the entire screen on the vertical axis.

    I also invite you to look at the solution I gave to this exercise and leave your comment: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    Let's keep coding!

  • I'm Fabra•160
    @imfabra

    Hola Alfonso, no me va muy bien con el ingles por lo que decidí escribir en español.

    El resultado fue muy bueno, solo en el color de la imagen puedo decir que hay una propiedad llamada mix-blend-mode te dejo la documentacion: https://developer.mozilla.org/es/docs/Web/CSS/mix-blend-mode

    úsala y tendrás un resultado genial.

    También te invito a que mires la solución que le di a este ejercicio y dejes tu comentario: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    ¡Sigamos codificando!

  • I'm Fabra•160
    @imfabra

    Hello, I think I have several recommendations that would help you a lot, but I can't write very well in English, a long text would be difficult for me. but I invite you to look at the solution I gave to this exercise, look at the "css" and write any specific question to me: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    Let's keep coding!

  • I'm Fabra•160
    @imfabra

    Hola, te quedo muy bien. para que el color quede los mas parecido puedes usar mix-blend-mode, te dejo la documentación: https://developer.mozilla.org/es/docs/Web/CSS/mix-blend-mode

    También te invito a mirar la solución que le di a este ejercicio y dejar tu comentario: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    ¡Sigamos codificando!

  • I'm Fabra•160
    @imfabra

    Hi Gabriel, you could avoid scrolling and have a better view for multiple screens.

    I also invite you to look at the solution I gave to this exercise and leave your comment: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    Let's keep coding!

  • I'm Fabra•160
    @imfabra

    Wow, it looks really cool. to get the most similar color use "mix-blend-mode" with an opacity of 75%, consult the documentation, it will help you a lot: https://developer.mozilla.org/es/docs/Web/CSS/mix-blend-mode

    I also invite you to see the solution I made of this exercise and leave your comment: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    Let's keep coding.

  • I'm Fabra•160
    @imfabra

    Hello, it looks good. You can improve the height and centering of the card.

    I also invite you to see the solution I made of this exercise and leave your comment: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    Let's keep coding.

  • I'm Fabra•160
    @imfabra

    Hello, it looks good. You can use "FlexBox" to dynamically center the card according to the screen, or you can also use measurements like "%", additional ".container" can lengthen it using "height: 100vh".

    I also invite you to see the solution I made of this exercise and leave your comment: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    Let's keep coding.

  • I'm Fabra•160
    @imfabra

    Hello, it looks good. You can use "FlexBox" to dynamically center the card according to the screen, or you can also use measurements like "%".

    I also invite you to see the solution I made of this exercise and leave your comment: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

  • I'm Fabra•160
    @imfabra

    Hola Sofi, vas por buen camino. Verifica el enlace de la tipografía creo no esta correcto. procura no tener scroll, puedes revisar ".container" que es el que esta causando esto.

    te invito a ver la solución que le hice a este ejercicio y dejes tu comentario: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

    Sigue codificando, aprenderás mucho.

  • I'm Fabra•160
    @imfabra

    Hi Leonardo, you can use "background-size" with the "cover" property, this solves the dimensioning of the image.

    I invite you to see my solution and you can leave your opinion: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt