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

Mathias

@MathitarazonadParaguay, Asunción220 points

Web developer begginer!

Latest solutions

  • Multi-step form with Angular

    #angular#typescript

    Mathias•220
    Submitted about 2 years ago

    0 comments
  • Countries Browser using React, RTK and Sass

    #react#redux-toolkit#sass/scss

    Mathias•220
    Submitted over 2 years ago

    1 comment
  • Rock, Paper and Scissors Page - React, Redux TK and Sass

    #react#redux-toolkit#sass/scss

    Mathias•220
    Submitted over 2 years ago

    0 comments
  • Job List Filter with React

    #accessibility#react#animation

    Mathias•220
    Submitted almost 3 years ago

    0 comments
  • E-commerce Product Page

    #accessibility#animation#emotion

    Mathias•220
    Submitted almost 3 years ago

    0 comments
  • Responsive Time Tracker Page


    Mathias•220
    Submitted almost 3 years ago

    1 comment

Latest comments

  • LEVOC | VELOC•40
    @LV27VELASCO
    Submitted over 2 years ago

    Responsive Desing Flexbox and Grid. [HTML, CSS, JS, SASS]

    #sass/scss
    1
    Mathias•220
    @Mathitarazonad
    Posted over 2 years ago

    Buenas!! Primero que nada felicitarte por haber completado este desafío, yo también lo acabo de completar y debo admitir que es un buen desafío para desafiarte en cuanto a lógica y demás.

    En cuanto a sugerencias te podría decir que consideres dividir tu código en más partes, se hace más fácil luego buscar la solución a un bug, accesible y limpio de leer cuando lo divides en más archivos, en especial cuando se trabaja con proyectos muy grandes. Por ejemplo, podrías separar el código de la lógica del buscador o del filtro en distintos archivos.

    Por otra parte, para el modo oscuro, yo lo que hice es poner al contenedor principal que contiene a todos los demás, una clase llamada "dark" cuando este activada, entonces puse estilos normales a todo, y para el modo oscuro, solo cambie pequeñas cosas a partir de si el principal contenedor contenía la clase "dark" y ahí seleccionar a las demás clases, puedes echar un vistazo a mi solución si quieres para entenderlo mejor. Te dejo un ejemplo para que me entiendas un poco mejor: .Principal .contenedor-pais { color: white }

    .Principal.oscuro .contenedor-pais{ color: black }

    Espero haberte ayudado!!

    Marked as helpful
  • Edmunds•170
    @Fansters
    Submitted over 2 years ago

    Responsive ecommerce product page using ReactJS

    #react#motion
    2
    Mathias•220
    @Mathitarazonad
    Posted over 2 years ago

    First of all, congrats to have completed this challenge, your solution looks amazing! Talking about your problem, I think that you could have like a global state or a state that you could pass to all childrens where you will have the selected product img selected like a number and pass that like props to the other components. So you can have functions that manage that and pass as props to the childrens to use that functions, and if you change the state it should render with the changes to all components, I would do that If I have that problem, wish this can help you!

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