All comments

• 

  Rodrigo• 20

  @rsantanacatalan

  Submitted 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

  10

  

  Pedro Medeiros• 40

  @despotes

  Posted 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

  @fangyinglim

  Submitted 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

  10

  

  Pedro Medeiros• 40

  @despotes

  Posted 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

  This comment has received 1 replyShow