More dots

Procfile.dev

@@ -1,2 +1,2 @@
-web: bin/rails server
+web: bin/rails server --binding 0.0.0.0
 css: bin/rails tailwindcss:watch

app/assets/stylesheets/application.css

@@ -17,7 +17,6 @@
 html, body {
     margin: 0;
     padding: 0;
-    height: 100%;
 }
 
 

app/views/home/index.html.erb

@@ -1,5 +1,5 @@
 <!-- options: #a99dab #dfebde  -->
-<div class="bg-[#a99dab] w-screen h-screen">
+<div class="bg-[#a99dab] w-screen">
 
   <!--- HERO START --->
   <div class="hero-bg h-3/4">
@@ -41,5 +41,47 @@
       </div>
     </div>
   </div>
-  <!--- Hero END -->
 </div>
+<div id="ceremony" class="w-screen bg-[#a99dab]">
+  <div class="container mx-auto ">
+    <div class="bg-amber-100 h-36">
+      <div class="flex flex-row">
+	<div class="basis-1/3">Insert Picture here</div>
+	<div class="basis-2/3">
+	  <h1 class="text-3xl">Ceremony & Reception</h1>
+	</div>
+      </div>
+    </div>
+  </div>
+</div>
+<div id="accommodations" class="w-screen bg-[#a99dab]">
+  <div class="container mx-auto ">
+    <div class="bg-amber-300 h-36">
+      <h1 class="text-3xl">Accommodations</h1>    
+    </div>
+  </div>
+</div>
+<div id="dress" class="w-screen bg-[#a99dab]">
+  <div class="container mx-auto ">
+    <div class="bg-amber-100 h-36">
+      <h1 class="text-3xl">Dress</h1>        
+    </div>
+  </div>
+</div>
+<div id="Registry" class="w-screen bg-[#a99dab]">
+  <div class="container mx-auto ">
+    <div class="bg-amber-300 h-36">
+      <h1 class="text-3xl">Registry</h1>
+    </div>
+  </div>
+</div>
+<div id="rsvp" class="w-screen bg-[#a99dab]">
+  <div class="container mx-auto ">
+    <div class="bg-amber-100 h-36">
+      <h1 class="text-3xl">RSVP</h1>
+    </div>
+  </div>
+</div>
+
+  <!--- Hero END -->
+