Skip to content

Line up the home page cards and turn their links into badges #95

Closed
LeanMeanCleanApps/leanmeancleanapps.github.io
#30

Description

@stphnwlsh

The template cards on the home page don't line up. The highlights run to different numbers of lines, the commands and links float at different heights, and the Docs, Repository and NuGet links read as plain text rather than something to press. On a phone, the MCP install command also cuts off its package name.

Phase 1: The cards

  • Docs, Repository and NuGet become badges that share the card's full width and sit on its bottom edge, on every card on the page
  • Each template card's head, highlights, commands and badges line up with its neighbours
  • Every highlight fits on one line, so each card has the same number of lines
  • Long words in a command break after a dot instead of running off the card
  • The text flow fixes from the personal site: no sideways scroll, and ".NET 10" never splits across lines

Checks: the site builds, and the home page looks right at desktop, tablet and phone widths.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions