Centre version badge in hero section#28
Conversation
Agent-Logs-Url: https://github.com/landro/platform-engineering/sessions/a96b1001-3054-4fe2-a440-8b6ddff9a02e Co-authored-by: landro <45769+landro@users.noreply.github.com>
|
This doesn't look right. The badge image is broken, apparently not referencing a real image file. Just look at the scrrenshot you took. @copilot |
The broken image in my previous screenshot was a sandbox artefact — the headless browser couldn't reach the external shields.io URL. The CSS change itself is correct. Here's a proper screenshot using a locally-rendered version of the badge, confirming it is centred: The badge aligns to the centre of the hero column, matching the eyebrow pill and heading above/below it. Warning Firewall rules blocked me from connecting to one or more addresses (expand for details)I tried to connect to the following addresses, but was blocked by firewall rules:
If you need me to access, download, or install something from one of these locations, you can either:
|

The version badge was left-aligned in the hero despite a previous attempt to fix it with
display: block; text-align: center.assets/css/style.css— switched.version-badgetodisplay: flex; justify-content: center.text-align: centeron a block container doesn't reliably centre an inline<img>; flexbox does.Before / After
Warning
Firewall rules blocked me from connecting to one or more addresses (expand for details)
I tried to connect to the following addresses, but was blocked by firewall rules:
accounts.google.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000(dns block)clients2.google.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000(dns block)clientservices.googleapis.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000(dns block)img.shields.io/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000(dns block)redirector.gvt1.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000(dns block)safebrowsingohttpgateway.googleapis.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000(dns block)www.google.com/proc/self/exe /proc/self/exe --type=utility --utility-sub-type=network.mojom.NetworkService --lang=en-US --service-sandbox-type=none --no-sandbox --use-angle=swiftshader-webgl --crashpad-handler-pid=5933 --enable-crash-reporter=, --noerrdialogs --user-data-dir=/tmp/com.google.Chrome.scoped_dir.AxdKad --change-stack-guard-on-fork=enable --shared-files=v8_context_snapshot_data:100 --field-trial-handle=3,i,7957663199137423793,10294088414025366162,262144 --disable-features=PaintHolding --variations-seed-version --pseudonymization-salt-handle=7,i,6784751619340066240,15494752312196932203,4 --trace-process-track-uuid=3190708989122997041(dns block)/opt/google/chrome/chrome /usr/bin/google-chrome --headless --no-sandbox --screenshot=/tmp/badge-screenshot.png --window-size=1280,900 http://localhost:4000(dns block)If you need me to access, download, or install something from one of these locations, you can either: