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>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -203,7 +215,10 @@ const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: var(--space-8);
|
gap: var(--space-8);
|
||||||
max-width: 28rem;
|
}
|
||||||
|
|
||||||
|
.contacto-plate-img {
|
||||||
|
aspect-ratio: 4/3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-link {
|
.contact-link {
|
||||||
@@ -229,6 +244,12 @@ const whatsappAriaLabel = 'Contactar con MNQ por WhatsApp';
|
|||||||
gap: var(--space-12);
|
gap: var(--space-12);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contacto-grid {
|
||||||
|
grid-template-columns: 2fr 3fr;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-16);
|
||||||
|
}
|
||||||
|
|
||||||
.contact-detail-grid {
|
.contact-detail-grid {
|
||||||
grid-template-columns: 5fr 7fr;
|
grid-template-columns: 5fr 7fr;
|
||||||
align-items: start;
|
align-items: start;
|
||||||
|
|||||||
Reference in New Issue
Block a user