[frederickobrien]

This adjusts StandardLayoutArticleGrid to ensure all grid items are at the same level in the DOM. The spark for this was fixing an issue with the centre rule (pictured below) but on reflection a flat DOM structure feels like a cleaner, more flexible approach and one I think we ought to preserve. Browser support of display: contents; isn't great and in principle I think the less nesting the better.

I've refactored other parts of the code to (hopefully) ensure the portrait layout looks as it did with the previous configuration. I've also included in some right padding for meta elements in the portrait layout from leftCol up to ensure we don't ever have them squashed right up against the border.

Also chucked in: an immersive headline boldness fix.

[github-actions]

🚀 Image for dotcom-rendering pushed to AWS ECR

Image digest: sha256:376b054fadc9838cf6a8b6917c7d64ae51c1a809294c99b98a79306b0aede621

🐛 Run the image locally

The following can be used to run the image locally:

# Refer to image using the immutable digest. Find alternatives below.
IMAGE_IDENTIFIER="@sha256:376b054fadc9838cf6a8b6917c7d64ae51c1a809294c99b98a79306b0aede621"

# Refer to image using branch tag
# IMAGE_IDENTIFIER=":branch-flatten-grid-items"

# Refer to image using build tag
# IMAGE_IDENTIFIER=":build-34083"

# Set environment variables for the AWS CLI
AWS_PROFILE="<A_PROFILE_FROM_JANUS>"
AWS_DEFAULT_REGION="eu-west-1"

IMAGE_ACCOUNT_ID=$(aws ssm get-parameter --name /organisation/accounts/artifacts --query "Parameter.Value" --output text)
REGISTRY="${IMAGE_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com"
IMAGE="${REGISTRY}/guardian/dotcom-rendering/dotcom-rendering${IMAGE_IDENTIFIER}"

# Login to AWS ECR https://docs.aws.amazon.com/AmazonECR/latest/userguide/registry_auth.html
aws ecr get-login-password | docker login --username AWS --password-stdin $REGISTRY

# Pull the image
docker pull $IMAGE

# Run the image. You'll likely need to set additional flags. See https://docs.docker.com/reference/cli/docker/container/run.
docker run $IMAGE

---

From guardian/actions-ecr.

[github-actions]

Deploy build 34083 of dotcom:rendering-all to CODE

All deployment options

• Deploy build 34083 of dotcom:rendering-all to CODE
• Deploy parts of build 34083 to CODE by previewing it first
• What's on CODE right now?

---

From guardian/actions-riff-raff.

[github-actions]

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.

[github-actions]

Deploy build 4296 of dotcom:ab-testing to CODE

All deployment options

• Deploy build 4296 of dotcom:ab-testing to CODE
• Deploy parts of build 4296 to CODE by previewing it first
• What's on CODE right now?

---

From guardian/actions-riff-raff.

[joshuaguardian]

it might be good to put these utils into a file that we can then test, otherwise we've only got them covered by storybook tests?