Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
21
Comments
6

Rodrigo Pires

@rodrigompiresSão Paulo410 points

I'm just a guy who, even working with finance, loved to program in VBA. Now, my passion for programming has made me study this extraordinary world in depth. Through my dear VSCode, I can put all my studies into practice.

I’m currently learning...

JavaScript, UI e UX Design and React.

Latest solutions

  • Vite, React and Tailwind.

    #react#tailwind-css#vite

    Rodrigo Pires•410
    Submitted over 1 year ago

    1 comment
  • React

    #react

    Rodrigo Pires•410
    Submitted over 1 year ago

    0 comments
  • React

    #react

    Rodrigo Pires•410
    Submitted almost 2 years ago

    0 comments
  • React

    #react

    Rodrigo Pires•410
    Submitted almost 2 years ago

    1 comment
  • React, Custom Hooks.


    Rodrigo Pires•410
    Submitted almost 2 years ago

    0 comments
  • React

    #react

    Rodrigo Pires•410
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Pedro Henrique Florêncio Telles•30
    @PedroHTelles
    Submitted over 2 years ago

    HTML semântico, CSS, Java Script iniciante

    #animation#styled-components
    2
    Rodrigo Pires•410
    @rodrigompires
    Posted over 2 years ago

    Olá Pedro. Parabéns pela solução. Bom trabalho. Quanto a sua pergunta, como você mesmo diz que está bem no inicio dos estudos de JS, você ainda não viu muitas coisas que facilitam e são melhores a utilizar. Um bom exemplo é que você poderia utilizar um laço de repetição, como o For ou melhor ainda o método nativo ForEach.

    Por exemplo:

    suaArray.forEach(elemento => { elemento.addEventListener('click', nome_função) });

    ou

    for (let i = 0; i < suaArray.length; i++) { suaArray[i].addEventListener("click", nome_função); }

    Outro ponto é, não é uma boa prática declarar variáveis com VAR por questões de escopo, bugs que podem ocorrer e etc. Na maioria dos casos você usará CONST ou LET, ou seja:

    VAR - Evite usar ao máximo. LET - Quando a variável precisa ter seu valor alterado. CONST - Utilize SEMPRE que possível.

    Marked as helpful
  • Renan Tiscoski•1,240
    @DonUggioni
    Submitted over 2 years ago

    7 page planet fact site using React, React Router and Sass

    #react#sass/scss
    1
    Rodrigo Pires•410
    @rodrigompires
    Posted over 2 years ago

    Hello Renan. I really liked the home screen and the whole project. Note that on reloading the home screen, a side scroll bar appears. As I still don't know React and React Router, I don't know what it could be. Congratulations on the final result. Your home screen is very beautiful. Hugs.

    Marked as helpful
  • Adriano•42,890
    @AdrianoEscarabote
    Submitted almost 3 years ago

    👨‍💻 Intro section w/ dropdown w/ (HTML + SASS + JS Dark/Light Mode)

    #accessibility#bootstrap#sass/scss
    4
    Rodrigo Pires•410
    @rodrigompires
    Posted almost 3 years ago

    Hello Adriano.
    Nice work, but I think there is a small detail in the mobile version in the theme change icons.
    On the first click, the rotation animation occurs, but on the second click, the animation no longer occurs.
    I don't know if it's on purpose, but it only comes back when clicking outside the menu.
    Hugs and nice work.

  • Lucas 👾•104,160
    @correlucas
    Submitted almost 3 years ago

    Huddle LP w/ Alternating Feature Blocks (Vanilla CSS + Custom Logo)

    4
    Rodrigo Pires•410
    @rodrigompires
    Posted almost 3 years ago

    Hello Lucas. I tested the responsiveness of the page, and verified that between 490px and 421px the Try it Free button is deforming it and overlapping the logo a little. Another point I noticed is that even at this screen size, the first Get Started For Free button is aligned to the left and the other elements (except the footer) are aligned to the middle. I hope it helps. Hugs.

    Marked as helpful
  • Paula Carlech•110
    @Paula-Carlech
    Submitted almost 3 years ago

    Expenses Chart Solution. HTML, CSS and JavaScript

    3
    Rodrigo Pires•410
    @rodrigompires
    Posted almost 3 years ago

    Hello Paula. Good job. Regarding your questions, to create the graph you can create for each column, 2 divs positioning them one inside the other. The sizes of the inner divs (bars on the chart), you can determine as per the json values. As for the colors, you can use JavaScript to add a class and style this class in CSS. If you want, see how I managed to solve this challenge. https://github.com/rodrigompires/DesafioExpensesChartComponentMain

    I hope it helps you.

    Marked as helpful
  • CARLOS FELIPE CONCEIÇÃO PARANÁ•100
    @yrpcfcp
    Submitted about 3 years ago

    order summary

    1
    Rodrigo Pires•410
    @rodrigompires
    Posted about 3 years ago

    Amigo, uma dica. A imagem de fundo esta "duplicando". Tente usar o background-repeat: no-repeat;

    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

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