From 498691ba84b85bb8cc2ed32466b635f69472d5bf Mon Sep 17 00:00:00 2001
From: Felipe <felipeduarteuts@gmail.com>
Date: Tue, 8 Aug 2023 11:15:46 -0500
Subject: [PATCH] espaciado entre secciones

---
 index.html | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 57f5721..e88956e 100644
--- a/index.html
+++ b/index.html
@@ -76,12 +76,11 @@
                 </div>
             </div>  
         </div>
-    </section>
-    
+    </section>   
 
-    <section id="usuarios" class="h-screen grid md:content-center">
+    <section id="usuarios" class="md:h-screen grid md:content-center">
         <div class="flex flex-col md:flex-row justify-between w-full max-w-7xl mx-auto ">
-            <div class="md:pr-8 align-middle my-auto flex justify-center">
+            <div class="md:pr-8 align-middle my-16 md:my-auto flex justify-center">
                 <div class="rounded-full bg-gray-300 w-2/3 xl:w-full overflow-hidden max-w-lg hover:scale-105 transition-all">
                     <img src="./img/p2.png" alt="Imagen" class="w-full h-full object-cover"/>
                 </div>
@@ -122,7 +121,7 @@
         </div>
     </section>
 
-    <section id="profesionales" class=" h-screen flex flex-col flex-col-reverse md:flex-row justify-center w-full max-w-7xl mx-auto  ">
+    <section id="profesionales" class="md:h-screen flex flex-col flex-col-reverse md:flex-row justify-center w-full max-w-7xl mx-auto  ">
         <div class="md:flex px-6 md:px-0 flex-col justify-start md:justify-center md:col-span-2 lg:col-span-3 mx-4 md:mx-8 my-auto"> 
             <h2 class="text-gray-600 font-semibold lg:text-3xl mb-4 transition-all">ProsApp para profesionales de la salud</h2>
             <h2 class="text-xl md:text-4xl xl:text-6xl mb-4 transition-all">Expande tu alcance profesional</h2>
@@ -155,16 +154,16 @@
                 </li>
             </ul>
         </div>
-        <div class="flex items-center justify-center md:pr-8 align-middle my-auto">
+        <div class="flex items-center justify-center md:pr-8 align-middle my-16 md:my-auto">
           <div class="rounded-full bg-gray-300 w-2/3 xl:w-full overflow-hidden max-w-2xl hover:scale-105 transition-all">
               <img src="./img/p4.png" alt="Imagen" class="w-full h-full object-cover"/>
           </div>
       </div>  
     </section>
 
-    <section class="h-screen grid md:content-center overflow-auto mb-6 md:mb-0">
+    <section class="md:h-screen grid md:content-center overflow-auto mb-6 md:mb-0">
         <div class="md:flex justify-between w-full max-w-7xl mx-auto my-auto">
-            <div class="flex items-center justify-center md:pr-8">
+            <div class="flex items-center justify-center my-16 md:my-auto md:pr-8">
                 <div class="rounded-2xl w-2/3 xl:w-full mb-6 md:mb-0 overflow-hidden hover:scale-105 transition-all">
                     <img src="./img/p3.png" alt="Imagen" class="w-full h-full object-cover "/>
                 </div>
@@ -196,7 +195,7 @@
         </div>
     </section>
 
-    <section class="grid md:content-center">
+    <section class="grid mt-16 md:mt-0 md:content-center">
       <div class="grid grid-cols-1 mx-4 md:mx-0">
         <div class="md:pr-8 text-center">
           <h3 class="text-gray-600 font-semibold text-2xl lg:text-3xl mb-4 transition-all mb-16">
@@ -361,7 +360,6 @@
         </div>
       </div>
     </section>
-
     
     <footer class="fixed bottom-10 right-10">
         <svg class="w-20 lg:w-24 block drop-shadow-lg cursor-pointer" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" x="0" y="0" viewBox="0 0 176 176" style="enable-background:new 0 0 512 512" xml:space="preserve">