final changes and minor fixes in responsive design for mobiles

dandresfg · May 10, 2020 · 6fba8c7 · 6fba8c7
1 parent 74f26a6
commit 6fba8c7
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/firebase.json b/firebase.json
@@ -7,8 +7,10 @@
       "**/node_modules/**"
     ],
     "rewrites": [
-      redirect: "*",
-      destination: "index.html"
+      {
+        "source": "*",
+        "destination": "/index.html"
+      }
     ]
   }
 }
diff --git a/src/App.js b/src/App.js
@@ -56,7 +56,7 @@ function App() {
         <div className="row pb-4">
           <div className="container text-center">
             <span className="small">Este sitio fue hecho con ❤ para ustedes - &copy; 2020</span>
-            <a href="#home" id="backtohome" title="Volver arriba"><span role="img" aria-label="<3">⬆️</span></a>
+            <a href="#home" id="backtohome" className="d-none d-md-block" title="Volver arriba"><span>⬆️</span></a>
           </div>
         </div>
       </div>

diff --git a/src/layout/contact.js b/src/layout/contact.js
@@ -28,17 +28,17 @@ const Contact = () => {
     {label: 'SQL', amount: 95, alt: true},
   ]
   return (
-    <div className="row pb-5 justify-content-center">
+    <div className="row pb-md-5 justify-content-center">
       <div>
         <div className="container">
             <div className="row">
 
               <div className="col-12 col-lg-6">
                 <div className="row">
                   <div className="col-12 col-lg-10 mx-auto">
-                    <div className="card border-0 pt-5 mb-5">
+                    <div className="card border-0 pt-md-5 mb-5">
 
-                        <div className="card-img-top pt-5 mt-5 pb-3">
+                        <div className="card-img-top pt-md-5 mt-md-5 pb-3">
                           <img src={git} className="d-block mx-auto rounded-circle"
                           width="150" height="150" alt="imagen referencia Diego Finol"/>
                         </div>

diff --git a/src/layout/welcome.js b/src/layout/welcome.js
@@ -2,8 +2,8 @@ import React from 'react';
 import ToonMe from '../resources/toonme.png';
 const Welcome = () => {
   return (
-    <div className="" style={{overflow: 'Hidden'}}>
-      <div className="row">
+    <div className="row justify-content-center" style={{overflow: 'Hidden'}}>
+      <div>
         <div className="container">
           <div className="row justify-content-center photo">
             <img src={ToonMe} className="rounded-circle" width="250" height="250" alt=""/>