Tiles module

[dmontesi]

• New tiles module based on Figma design https://www.figma.com/design/iW0aTjGnWTrkU8EvWNdLOI/Pronto-%E2%80%93-V2?node-id=5699-2008&m=dev
• Halves, and thirds grids with staggered option

[netlify]

✅ Deploy Preview for imarc-pronto ready!

Name	Link
🔨 Latest commit	ea80508
🔍 Latest deploy log	https://app.netlify.com/projects/imarc-pronto/deploys/698b5f0bf9afc00008240253
😎 Deploy Preview	https://deploy-preview-22--imarc-pronto.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Copilot]

Pull request overview

Adds a new Tiles organism (SCSS + HTML examples) implementing halves/thirds grid layouts with featured/wide/tall variants and an optional staggered layout, based on the referenced Figma design.

Changes:

• Introduces the tiles organism styling (resources/styles/organisms/tiles/index.scss) including thirds/halves and staggered layouts.
• Adds example markup files for the tiles module and its variants (tiles.html, tiles--thirds.html, tiles--halves.html).
• Exposes the new organism via resources/styles/organisms/index.scss.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 8 comments.

Show a summary per file

File	Description
resources/styles/organisms/tiles/tiles.html	Full demo markup showcasing thirds/halves + featured/wide/tall + staggered variants
resources/styles/organisms/tiles/tiles--thirds.html	Demo markup focused on thirds + staggered variant
resources/styles/organisms/tiles/tiles--halves.html	Demo markup focused on halves variant
resources/styles/organisms/tiles/index.scss	New tiles layout system (grid sets + tile span modifiers + “view more” button styling)
resources/styles/organisms/index.scss	Adds @forward "tiles"; to include the new organism styles

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[khamer]

I think the logic should be tweaked a little, to allow tiles to be scaled down more before they span more columns. at like ~1280px wide, the big tiles jump to be 1200+ pixels wide and tall, and that's too big. I'd let all the columns squish down a big before dropping a column; as a rule of thumb, I try to not make an element every stretched to more than 1.5x it's max designed size.