Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
2
Comments
3

Gabriel Ruiz Varela

@GabrielRuizVarelaArgentina50 points

I'm currently learning Full-Stack development with Javascript through TheOdinProject.com. You can check the projects I've completed in my Github profile: https://github.com/GabrielRuizVarela

Latest solutions

  • Responsive Expenses Chart

    #sass/scss#webpack#node

    Gabriel Ruiz Varela•50
    Submitted almost 3 years ago

    0 comments
  • Reponsive product previwe card using CSS Grid

    #node#sass/scss#webpack

    Gabriel Ruiz Varela•50
    Submitted almost 3 years ago

    1 comment

Latest comments

  • Paulina•350
    @testerium
    Submitted almost 3 years ago

    Expenses Chart Component using HTML, SCSS, JS (RWD)

    2
    Gabriel Ruiz Varela•50
    @GabrielRuizVarela
    Posted almost 3 years ago

    Hey, nice work! A couple of things I would add is parsing the json file directly and getting the maximum from that and not manual. Here an article that can be useful: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

    P.S.: I like your the clarity of your code.

    Cheers!

  • Molhem Marawi•80
    @ispirar2
    Submitted almost 3 years ago

    Product Card

    1
    Gabriel Ruiz Varela•50
    @GabrielRuizVarela
    Posted almost 3 years ago

    Hey, nice work, I’m curious about why you choose to use transform: translate to position items. Is there any drawbacks?

  • Arn.28•90
    @arn28
    Submitted almost 3 years ago

    Responding components using FlexBox

    #styled-components
    2
    Gabriel Ruiz Varela•50
    @GabrielRuizVarela
    Posted almost 3 years ago

    Nice work! Personally I like to work with grid, I feel it give me more flexibility, but feels overkill sometimes. I think it comes down to preference but I’m curious how it’s like in a professional environment. This is a great article that goes more on to detail on the subject https://css-tricks.com/quick-whats-the-difference-between-flexbox-and-grid/

    Marked as helpful
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

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