spinner centered

Author: nataliyah123

src/assets/spinner.css

@@ -0,0 +1,8 @@
+#spinner-container{
+ display: flex;
+ justify-content:center; 
+ padding:150px;
+  
+}
+
+

src/components/CustomRingLoader.js

@@ -1,11 +1,11 @@
 import React from 'react'
 import { Container } from 'semantic-ui-react'
 import { RingLoader } from 'react-spinners'
-
+import '../assets/spinner.css'
 const CustomRingLoader = props => {
   return (
-    <Container>
-      <RingLoader sizeUnit={'px'} size={200} color={props.color || '#34495E'} />
+    <Container id='spinner-container' >
+      <RingLoader id='spinner'sizeUnit={'px'} size={200} color={props.color || '#34495E'} />
     </Container>
   )
 }