Skip to content

Add max-height cap on image #2

@tpkahlon

Description

@tpkahlon

Setting a max-height on images will put a cap on high-res versions e.g. https://placekitten.com/300/1500. Otherwise, users will face a long scroll of lengthy image in mobile view. This change do not introduce any additional bloated CSS but makes overall user experience streamlined. Another traditional way to handle this would be using a pseudo before/after selector on figure tag, placing a shaded background behind image, setting a fixed max-height|width on image, aligning it vertically and horizontally centered with respect to image tag for linear uniformity. This one will require 4-5 lines of additional CSS, introduces bloat of box model hacks and fine tuning positioning attribute, depending upon if set rules permits.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions