How to display the spinner in the middle of the screen?

Question

css

How to display the spinner in the middle of the screen?
https://codesandbox.io/s/n1rq663r54

Answer 1

as usual apply absolute i.e. in css add this - line 93

.spinner{
  height:140px;
  width: 140px;
  background: url('https://discuss-assets.s3.amazonaws.com/original/3X/0/3/03ad072969fc47ab98c776a60afc76d61e4877e8.svg') no-repeat;
  background-position: 22px 30px;
  background-size: 96px 96px;
  animation: spin infinite .7s linear;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}