Skip to content
OverviewSolutions
0
Comments
2
Pedro Medeiros
@despotes

All comments

  • Rodrigo•20
    @rsantanacatalanSubmitted about 3 years ago

    Hello Community

    This my first app with React, I would appreciate your feedback. I enjoyed building the solution :)

    Tip Calculator App

    3
    Pedro Medeiros•40
    @despotesPosted about 3 years ago

    Great job, it's exactly like the design. There are some broken link to svg files. Don't know if you could check them. The custom percentage seems like it's not working properly.

    Marked as helpful
    1
  • fangyinglim•50
    @fangyinglimSubmitted about 3 years ago

    hi I'm having problems with my media query, i can't seem to get it to work in flex-direction:column.

    i understand another alternative will be to use flexbox grid, but i would like to figure out why my code isn't working for mobile.

    any solutions or suggestions are welcome, thank you!

    using nested flexbox but media query cant seem to work, help please

    1
    Pedro Medeiros•40
    @despotesPosted about 3 years ago

    Watched the code and your problem on flex-direction: column; in your master branch you didn't change the value:

    .flexbox {
  height: 100vh;
  width: 100vw;
  max-width: 1440px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex: 1 2 1080px;
  margin: auto;
}

@media screen and (max-width: 375px) {
  .flexbox {
    flex-direction: row; // this value need to be column
  }
}
    Marked as helpful
    0