Skip to content
Submitted over 1 year ago

practice RWD with MUI

material-ui, react
Chiou Jia Sheng•250
@Chious
A solution to the Multi-step form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Progress

  • Define needed component & state in useContext (2hr)
  • Finished Stepper and StepController (2hr)
  • Finished Step1 to Step4 (2hr)
  • enable cartInfo and setCartInfo access to Step1 ~ Step4 (4hr)
  • Design view for desktop (4hr)

What did I learn?

  • first time to try RWD for mobile and desktop in the same time.

Since Stepper, StepController, and banner would set up different position, I create different pages for mobile and desktop. Wondering if there's a wisely way.

Continued development

  • since some of css change conditionally, I should define css in the component rather than in css file.
  • MUI style setting should edit in themeProvider rather than in inline .
Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Chiou Jia Sheng's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord