Skip to content

Hero spacing on mobile #2373

@thelifeandtimes

Description

@thelifeandtimes

~malmur-halmex reports that on taller size phone screens the homepage hero content has a lot of space available on the bottom portion of the screen:

Image Right now the rendering is just based on viewport width, so everything with w < 768px has the same vertical spacing. This results in conflicts with feedback from people on smaller screens who experience the bottom buttons cut off if there is more top margin/padding.

The fix here is probably one or both of the following:

  1. Calculate positioning based on viewport height (potentially just for screens md: and below or something?)
  2. for smaller screens, consider using variable font sizing.

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions