Large Image is overflow. Please add below css on style.css of Seven theme:
img {
max-width: 100%;
}

Comments

trong.nguyen.tcec created an issue. See original summary.

cilefen’s picture

Title: Lage image is overflow » Large images are not responsive, exceed the available space
abbym’s picture

Here is a patch for this for Drupal 8, in which it is also an issue; needs review. Thanks!

abbym’s picture

Version: 7.54 » 8.4.x-dev
Status: Active » Needs review
cilefen’s picture

abbym’s picture

FileSize
1.23 MB
1.34 MB

I've added before and after screenshots (before: large image overflowing the viewport width; after: image scaling to no more than 100% of the width of its container).

abbym’s picture

Issue tags: -Needs screenshots
abbym’s picture

Manuel Garcia’s picture

Status: Needs review » Needs work

Its been sometime since I've worked on CSS, but I think we should be adding height: auto; as well.

Manuel Garcia’s picture

Issue tags: +Novice
pritish.kumar’s picture

Status: Needs work » Needs review
FileSize
366 bytes
244 bytes

The CSS "height = auto;" added.

mahalingam_cs’s picture

Status: Needs review » Reviewed & tested by the community
FileSize
600.24 KB
1.15 MB

Applied patch from #11 and it worked proper. Attached Before and After screenshot. The larger image is displayed properly now.

Manuel Garcia’s picture

+1 to rtbc

Dinesh18’s picture

Reviewed the patch #11, works as expected. +1 to RTBC