Nuevo logo

Author: sergio-jr-dev

public/images/favicon.png

@@ -44,22 +44,19 @@ body {
 
 h1 {
   text-align: center;
-  margin-block: 2rem;
+  margin-block: 1rem;
   font-size: clamp(2.5rem, calc(2rem + 1.333vw), 3rem);
   text-shadow: 2px 2px 3px var(--info-color);
   display: flex;
+  flex-direction: column;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
-  gap: 0.75rem;
+  row-gap: 0.5rem;
 
   .img {
-    width: 5rem;
-    height: 5rem;
-    border-radius: 50%;
-    background-color: var(--text-color);
+    width: 14rem;
     padding: 0.5rem;
-    box-shadow: 2px 2px 3px var(--info-color);
 
     img {
       width: 100%;

src/App.css

@@ -3,10 +3,12 @@ export const Header = () => {
     <header>
       <div className="container">
         <h1>
-          <div className="img">
-            <img src="./images/favicon.png" alt="Logo de HTML-CSS-QUIZ" />
-          </div>
-          HTML & CSS QUIZ
+          <img
+            className="img"
+            src="./images/favicon.png"
+            alt="Logo de HTML-CSS-QUIZ"
+          />
+          HTML - CSS QUIZ
         </h1>
       </div>
     </header>