chore: Agregar mensaje de optimización móviles

yofreOrmaza · Sep 20, 2023 · 4fa355e · 4fa355e
1 parent ffb521d
commit 4fa355e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/css/mobile.css b/css/mobile.css
@@ -383,12 +383,15 @@ header .content-header2 {
   height: auto;
   background: transparent;
 }
-.container-title-todo h2 {
-  font-size: 4rem;
+.container-title-todo p {
+  font-size: 1.4rem;
   display: inline-block;
   background-color: transparent;
   margin: 1rem 0 1rem 2rem;
 }
+.title-todo {
+  font-weight: lighter;
+}
 .inputVal{
   width: 22.5rem;
   height: 3.5rem;
@@ -524,4 +527,9 @@ header .content-header2 {
     display: inline-block;
     margin: 5rem auto;
   }
+  .inputValue .container-title-todo {
+    display: grid;
+    width: 80%;
+    margin: 5rem auto 2rem;
+  }
 }
diff --git a/index.html b/index.html
@@ -92,7 +92,7 @@ <h1 id="ingreso">FOCUS by Yofre Ormaza Ortiz</h1>
             <div class="myTodo">
                 <div class="inputValue">
                     <div class="container-title-todo">
-                        <h2 id="title-todo">ToDo</h2>
+                        <p id="title-todo">En dispositivos móviles la experiencia del buscador integrado puedo no ser la más óptima, se recomienda su uso desde un ordenador</p>
                     </div>
                     <input id="inputVal" class="inputVal" type="text" placeholder="Agrega una tarea" value="">