topics added

Rakibhasaniu · Oct 12, 2022 · a83afe8 · a83afe8
1 parent 5d20744
commit a83afe8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
@@ -2,13 +2,11 @@ import React from 'react';
 
 const Header = () => {
     return (
-        <div className="hero min-h-50 bg-base-200">
-  <div className="hero-content flex-col lg:flex-row-reverse">
-    <img src="https://placeimg.com/260/400/arch" className="max-w-sm rounded-lg shadow-2xl" />
+        <div className="hero min-h-25 bg-base-200 bg-slate-500 py-4 m-2 rounded ">
+  <div className="hero-content flex justify-around lg:flex">
+    <img src="https://placeimg.com/100/50/arch" className="max-w-sm rounded-lg shadow-2xl"  alt=''/>
     <div>
-      <h1 className="text-5xl font-bold">Box Office News!</h1>
-      <p className="py-6">Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.</p>
-      <button className="btn btn-primary">Get Started</button>
+      <h1 className="text-3xl ">Web Dev Quiz</h1>
     </div>
   </div>
 </div>

diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js
@@ -11,7 +11,7 @@ const Home = () => {
 
 
     return (
-        <div >
+        <div className='px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20'>
             <Header></Header>
             <div className='grid gap-8 row-gap-5 mb-8 lg:grid-cols-3 lg:row-gap-8'>
             {