The latest updates on your projects. Learn more about Vercel for Git ↗︎

✅ Deploy Preview for gatsby-theme-carbon ready!

Name	Link
🔨 Latest commit	8c75cb9
🔍 Latest deploy log	https://app.netlify.com/sites/gatsby-theme-carbon/deploys/66faed011970710008a36589
😎 Deploy Preview	https://deploy-preview-1523--gatsby-theme-carbon.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 site configuration.

@Kritvi-bhatia17 the white background is coming from the Tabs component, not the image. The caption is within the tab, so it will appear on the white background. The only thing this PR is doing is adding the correct spacing above the caption that was missing when it was used inside of the Tabs component.

Do we need to adjust the bottom spacing also? The default bottom spacing inside gatsby tabs is larger.

Oh, got it, Alison. Thanks a lot for the detailed explanation!
In that case, I’ll just confirm with the other designers as well and will get back to you.

Hi @alisonjoseph, I discussed with the team, and it seems a bit inconsistent with other images where the caption appears below the image.
Initially, I thought adding captions for the tab images would improve consistency, but given the current solution, it might look a bit odd and cause confusion, especially with images (shown below) that already include text. It could become unclear which is the caption and which is part of the artwork.
Sorry about this and thanks for working on the issue! I just wanted to explore the possibility of adding captions for the tab images below them.