Rock-Paper-Scissors game with React, Redux, and Material UI

Community feedback

• 

  Erlyn Ascarate•140

  @erlynascaratePosted over 1 year ago

  Hello, It overflows a bit horizontally between 500px and 885px (I don't know how to fix it, sorry)

  Also, it overflows vertically (when the screen is less than 740px). You could do this:

  min-height instead of height

  #gamescreen{
  ----min-height: calc(100vh - 4rem);
  ----padding: 2rem;
  ----text-align: center;
  ----background: $BGGradient;
  ----display: flex;
  ----flex-direction: column;
  ----justify-content: space-between;
  ----align-items: center;
  }
  

  @media(min-width: $breakpoint-mobile){
  
  ----#gamescreen{
  --------min-height: calc(100vh - 6rem);
  --------padding: 3rem;
  ----}
  
  ----/* ....*/
  }
  

  0