feat: fill contacto page gap with plated dessert photo
The two-column contact grid lost its second column when the form was removed. Restore the layout with a real branded photo (dessert plate with an embroidered MNQ napkin) next to the contact info instead of leaving empty space.
This commit is contained in:
@@ -128,6 +128,18 @@ const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
|
||||
</aside>
|
||||
|
||||
<div class="contacto-plate-img overflow-hidden rounded-lg">
|
||||
<img
|
||||
src="/images/foto-plato-mnq.jpg"
|
||||
alt="Postre de autor MNQ Catering servido sobre mantelería con servilleta bordada MNQ"
|
||||
width="1200"
|
||||
height="800"
|
||||
style="width:100%;height:100%;object-fit:cover;object-position:center;"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -203,7 +215,10 @@ const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-8);
|
||||
max-width: 28rem;
|
||||
}
|
||||
|
||||
.contacto-plate-img {
|
||||
aspect-ratio: 4/3;
|
||||
}
|
||||
|
||||
.contact-link {
|
||||
@@ -229,6 +244,12 @@ const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
||||
gap: var(--space-12);
|
||||
}
|
||||
|
||||
.contacto-grid {
|
||||
grid-template-columns: 2fr 3fr;
|
||||
align-items: center;
|
||||
gap: var(--space-16);
|
||||
}
|
||||
|
||||
.contact-detail-grid {
|
||||
grid-template-columns: 5fr 7fr;
|
||||
align-items: start;
|
||||
|
||||
Reference in New Issue
Block a user