Sam Styles Vertical Header
- Dominant language
- TypeScript
- Stars
- 27
- Forks
- 19
- Avg merge
- 8h 19m
- Merged PRs (30d)
- 14
Description
**Is your feature request related to a problem? Please describe.**
A clear and concise description of what the problem is
Currently the Vertical Header contains @media properties that change the structure of the vertical header.
**Describe the desired solution**
We are requesting a new CSS class that does not contain this @media property so the Vertical Header does not change.
**Describe alternatives you've considered**
A clear and concise description of any alternative solutions or features you've considered.
N/A
**Additional context**
Add any other context or screenshots about the feature request here.
Here is the vertical header sam styles url:
https://federalist-0ad5a602-ca98-4a7e-8d6e-d9ece7bc4cf8.app.cloud.gov/site/gsa/sam-styles/components/detail/cards-demo--vertical.html
First Image is a mock-up of what we are trying to achieve.

Second is what we currently have live.

Contributor guide
Research direction
Start with the linked vertical-header demo and compare its responsive behavior with the mock-up and current screenshots. Locate the vertical header styles used by that demo, then verify that the requested additional CSS class preserves the vertical header structure without the existing media-query changes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100