Added margin auto to gradient border

[bp289]

No description provided.

[github-actions]

Page Speed results for http://pr-preview-bioconductor-pr179.s3-website-us-east-1.amazonaws.com using desktop

---

Summary

URL: pr-preview-bioconductor-pr179.s3-website-us-east-1.amazonaws.com
Strategy: desktop
Performance: 70

Field Data

The Chrome User Experience Report does not have sufficient real-world speed data for this page.

Lab Data

Cumulative Layout Shift | 0.001
First Contentful Paint | 2.7s
Largest Contentful Paint | 2.7s
Speed Index | 2.7s
Total Blocking Time | 0ms

Opportunities

No opportunities provided.

---

Page Speed results for http://pr-preview-bioconductor-pr179.s3-website-us-east-1.amazonaws.com using mobile

---

Summary

URL: pr-preview-bioconductor-pr179.s3-website-us-east-1.amazonaws.com
Strategy: mobile
Performance: 61

Field Data

The Chrome User Experience Report does not have sufficient real-world speed data for this page.

Lab Data

Cumulative Layout Shift | 0
First Contentful Paint | 6.0s
Largest Contentful Paint | 7.1s
Speed Index | 6.3s
Total Blocking Time | 20ms

Opportunities

No opportunities provided.

---

[github-actions]

Running axe-core 4.7.2 in chrome-headless

[MariamM110]

This leaves a few issues too, when in phone mode theres no margin I think its best to change this class to

.doodle-data-scientist-container { display: flex; justify-content: center; margin-top: 1rem; margin-bottom: 1rem; }

and add a container class to the
<div class="data-scientist-container">