Work in progress -- Visuals for design library

[nnagewad]

Context

• We would like to incorporate some fun visuals to the design library
• As of September 12 Gracie Hawkins is in the process of creating visuals
• Need to ensure that the images will be registered when generating the site
• Still a work in progress

Preview

• https://deploy-preview-43--govukdesignlibrary.netlify.app/

[netlify[bot]]

✅ Deploy Preview for govukdesignlibrary ready!

Name	Link
🔨 Latest commit	2eb2030524c27ce9eefbca64acd4d4ebf58a8128
🔍 Latest deploy log	https://app.netlify.com/sites/govukdesignlibrary/deploys/66e2cc5c4804960008d7f0a8
😎 Deploy Preview	https://deploy-preview-43--govukdesignlibrary.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.

[nnagewad]

Looks good, but something playing up with the layout when you start to zoom in on desktop?

Wild. Wonder why that happens? Be curious to see how its been recreated.

[calumryan]

Looks good, but something playing up with the layout when you start to zoom in on desktop?

Wild. Wonder why that happens? Be curious to see how its been recreated.

Zoom over 125%. Maybe missing a CSS class somewhere, but a quick fix would be adding clear:both; on the <main> wrapper or .x-govuk-masthead.

[joelanman]

can't replicate on safari or chrome on mac - what browser is this?

[calumryan]

can't replicate on safari or chrome on mac - what browser is this?

Latest versions of Chrome and Firefox, also occurs at 90% zoom.

[joelanman]

yeh can't replicate in Firefox either, out of interest do you get the same issue here?

https://x-govuk.github.io/govuk-eleventy-plugin/

[calumryan]

yeh can't replicate in Firefox either, out of interest do you get the same issue here?

https://x-govuk.github.io/govuk-eleventy-plugin/

Resolved it – ran npm update to update the packages, probably as I haven't opened the site for a few weeks