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

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;
----}

----/* ....*/
}