On running the code, The ui is sometime getting out of pixels. How to make it responsive?? Maybe make it scrollabe or something??

CodePudding user response：

Generally the easiest way of dealing with Widget overflowing is to wrap this widget or the whole screen in SingleChildScrollView()

CodePudding user response：

Try wrapping your Container() with SingleChildScrollView()

...
  return SingleChildScrollView(
            child: Container(
           height: squareWidth /2,
           width : squareWidth / 2,
          ...

      ),