some fixes for medium screens

This commit is contained in:
2024-11-23 19:55:27 -05:00
parent c3c4ecf0fd
commit c21a880672
2 changed files with 4 additions and 4 deletions

View File

@@ -92,7 +92,7 @@
<div id="ceremony" class="w-screen bg-[#d2b4de] lg:bg-[#fdfefe] lg:my-8">
<div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[#d2b4de] lg:shadow-2xl lg:bg-[#b2c0b2]">
<div class="flex flex-col lg:flex-row lg:space-x-4">
<div class="basis-1/3 max-md:hidden">
<div class="basis-1/3 max-md:hidden lg:rounded-l-2xl lg:content-center">
<img src="<%= image_path 'love-park-small.png' %>" class="lg:scale(0.7) lg:rounded-l-2xl" />
</div>
<div class="basis-2/3">
@@ -101,7 +101,7 @@
</div>
<p class="text-xl px-4 py-8">You're invited to come join us to celebrate our wedding at Penn Oaks Golf Club in West Chester, Pennsylvania.</p>
<div class="max-md:hidden lg:w-fit lg:mx-auto">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6120.924192987885!2d-75.56311592187585!3d39.908673971526014!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c6f042ac27b4e9%3A0xc4a8ba245e1ee29d!2sPenn%20Oaks%20Golf%20Club!5e0!3m2!1sen!2sus!4v1731812607168!5m2!1sen!2sus" width="570" height="500" style="border:0;" allowfullscreen="" loading="lazy" class="lg:rounded-xl" referrerpolicy="no-referrer-when-downgrade"></iframe>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6120.924192987885!2d-75.56311592187585!3d39.908673971526014!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c6f042ac27b4e9%3A0xc4a8ba245e1ee29d!2sPenn%20Oaks%20Golf%20Club!5e0!3m2!1sen!2sus!4v1731812607168!5m2!1sen!2sus" width="570" height="500" style="border:0;" allowfullscreen="" loading="lazy" class="lg:rounded-xl lg:mb-4" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="basis-1/3 overflow-hidden mx-auto md:hidden lg:hidden">

View File

@@ -10,8 +10,8 @@
<%= yield :head %>
<link rel="manifest" nhref="/manifest.json">
<link rel="icon" href="<%= image_path '/icon.png' %>" type="image/png">
<link rel="apple-touch-icon" href="<%= image_path '/icon.png' %>">
<link rel="icon" href="<%= image_path 'icon.png' %>" type="image/png">
<link rel="apple-touch-icon" href="<%= image_path 'icon.png' %>">
<%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>