modified CSS

samvardhan777 · May 8, 2022 · 6de601d · 6de601d
1 parent 3460e9c
commit 6de601d
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 21 deletions.
diff --git a/src/plays/quizeo/src/App.css b/src/plays/quizeo/src/App.css
diff --git a/src/plays/quizeo/src/Quizeo-App.css b/src/plays/quizeo/src/Quizeo-App.css
@@ -0,0 +1,14 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+
+.Quizeo_container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+h1{
+ font-family: 'Roboto', sans-serif;
+ color:#3D56B2;
+ text-decoration: none;
+}
diff --git a/src/plays/quizeo/src/components/header/header.styles.css b/src/plays/quizeo/src/components/header/header.styles.css
@@ -1,11 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
-
-h1{
- font-family: 'Roboto', sans-serif;
- color:#3D56B2;
- text-decoration: none;
-}
-
 .header{
  margin-top: 1.5rem; 
  margin-bottom: 3.5rem; 

diff --git a/src/plays/quizeo/src/pages/homePage/homePage.component.js b/src/plays/quizeo/src/pages/homePage/homePage.component.js
@@ -3,7 +3,7 @@ import Directory from "../../components/directory/directory.component";
 import Header from "../../components/header/header.component";
 import { store } from "../../redux/store";
 import { setScore, setQuestionNo } from "../../redux/questions/questions-action";
-import '../../App.css';
+import '../../Quizeo-App.css';
 
 class QuizeoHome extends React.Component{
  componentDidMount(){
@@ -13,7 +13,7 @@ class QuizeoHome extends React.Component{
 
  render(){
  return ( 
- <div className="App">
+ <div className="Quizeo_container">
  <Header/>
  <Directory/>
  </div>

diff --git a/src/plays/quizeo/src/pages/moviePage/moviePage.component.js b/src/plays/quizeo/src/pages/moviePage/moviePage.component.js
@@ -5,16 +5,16 @@ import { selectMovieDataSection } from "../../redux/movie/movieSelector";
 import Questions from "../../components/questions/questions.component";
 import Header from "../../components/header/header.component";
 
-import '../../App.css';
+import '../../Quizeo-App.css';
 const MoviePage = () => {
  const param = useParams();
  const collection = useSelector(selectMovieDataSection(param.categoryId))
  return ( 
- <div className="App">
- <Header/>
+ <div className="Quizeo_container">
+  <Header/>
  <Questions collection={collection} />
  </div>
-  );
+ );
 }
 
 export default MoviePage;