18F / methods

The methods 18F uses to practice human-centered design.

Home Page:https://methods.18f.gov/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Methods site: Fix bug with page grid

MelissaBraxton opened this issue · comments

Point of contact
@MelissaBraxton

A description of the work

The issue covers fixing a bug with the grid on the 18F Methods site.

Currently, the page header and the footer text are not spanning the full page. Content within card sections is not spanning the full width of the section.
Screen Shot 2023-05-11 at 10 25 32 AM

Point of contact on this issue

@MelissaBraxton

Reproduction steps (if necessary)

When full screen and at larger screen widths, the page header and footer text wrap awkwardly and do not match the width of the rest of the footer or the main content.

Billable?

  • Yes
  • No
    If yes, tock code:

Timeline
Does this need to happen in the next two weeks?

  • Yes
  • No

How much time do you anticipate this work taking?
1-2 hours

Skills needed

  • Any human
  • Design or engineering (front end)
  • Content
  • Engineering
  • Acquisition
  • Product
  • Other

Timeline
Does this need to happen in the next two weeks?

  • Yes
  • No

How much time do you anticipate this work taking?

Acceptance Criteria

  • The width of the footer text on the 18F Methods site text stays consistent with the width of the main content and the rest of the footer.
  • The width of content within each card section spans the width of the section.

Tasks

  • Submit a PR to fix the bug
  • PO review [if task involves content changes]
  • Accessibility review [if needed]

Another example

Image

](url)

commented

Pull request linked. Ready for review and merge @MelissaBraxton

Merged! Thank you!