creativecommons / vocabulary

A cohesive system of design for Creative Commons
https://vocabulary-docs.netlify.app
Creative Commons Zero v1.0 Universal
2 stars 0 forks source link

[Bug] `person-page` context profile image does not support mixed aspect ratios, expects a smaller square #19

Open possumbilities opened 9 months ago

possumbilities commented 9 months ago

Description

The absolute positioning behavior of the profile image does not interact with the flow of content, or its parent container. This means taller images spill over the parent container if its not tall enough, often when the description/bio is left empty or contains very little copy.

Reproduction

  1. Go to https://creativecommons.org/person/javahercreativecommons-org/
  2. See error.

Expectation

Either the profile image should crop to a consistent size, preventing overflow, or the header area of the page should support mixed aspect ratios of the image. The latter solution would likely involve reconsidering how layout is implemented entirely for this section, leaning on an approach which does not leave the regular flow of content in its influence.

Resolution