Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
15

I'm Fabra

@imfabraColombia160 points

Student - Front-end developer

I’m currently learning...

React.js

Latest solutions

  • Meet landing page (HTML5, CSS3, Flexbox) [I'm Fabra]


    I'm Fabra•160
    Submitted almost 4 years ago

    2 comments
  • Social proof section solution - (HTML5, Css3, Flexbox) [I'm Fabra]


    I'm Fabra•160
    Submitted about 4 years ago

    2 comments
  • Single price grid component by I'm Fabra (HTML5, CSS3 and BEM)


    I'm Fabra•160
    Submitted about 4 years ago

    1 comment
  • Huddle landing page with a single introductory section - (HTML5, CSS3)


    I'm Fabra•160
    Submitted about 4 years ago

    1 comment
  • Profile card component (html5, css3 and BEM methodology)


    I'm Fabra•160
    Submitted about 4 years ago

    0 comments
  • Stats preview card component solution (HTML5, CSS3, BEM)


    I'm Fabra•160
    Submitted about 4 years ago

    4 comments
View more solutions

Latest comments

  • Azzy dvyastia kesuma•1,425
    @azzykesuma
    Submitted about 4 years ago

    responsive stat preview using CSS and HTML only

    2
    I'm Fabra•160
    @imfabra
    Posted about 4 years ago

    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

  • Rishabh Sharma•10
    @rishabh0540
    Submitted about 4 years ago

    i used flexbox in making this

    2
    I'm Fabra•160
    @imfabra
    Posted about 4 years ago

    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!

  • Ankit Kumar•10
    @Ankit1142
    Submitted about 4 years ago

    html and CSS and internet.

    3
    I'm Fabra•160
    @imfabra
    Posted about 4 years ago

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

  • Kristofer Kangro•55
    @ItsKris1
    Submitted about 4 years ago

    Stats preview card built with HTML, CSS, Flexbox

    1
    I'm Fabra•160
    @imfabra
    Posted about 4 years ago

    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!

  • sharipov1717•40
    @Homidjon
    Submitted about 4 years ago

    Css and html

    1
    I'm Fabra•160
    @imfabra
    Posted about 4 years ago

    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!

  • P
    Alfonso Pruneda•190
    @915fonzie
    Submitted about 4 years ago

    Responsive card component using SASS and flexbox

    1
    I'm Fabra•160
    @imfabra
    Posted about 4 years ago

    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!

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub