{"id":17351879,"date":"2024-01-17T19:24:32","date_gmt":"2024-01-17T19:24:32","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/images-with-left-align-move-outside-of-container\/"},"modified":"2024-01-17T19:24:32","modified_gmt":"2024-01-17T19:24:32","slug":"images-with-left-align-move-outside-of-container","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/images-with-left-align-move-outside-of-container\/","title":{"rendered":"Images with left align move outside of container"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">After upgrading your theme from 1.7.13 to 1.8.4 align left images placed inside a group move outside the group when the browser viewport extends over 1200px. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a screenshot from version 1.7.13 with browser width &gt; 1200px<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/notion360.com\/uploads\/1.7.13-over-1200px.png?ssl=1\" alt=\"\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Next is a screenshot from version 1.8.4 with browser width &gt; 1200px<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/notion360.com\/uploads\/1.8.4-over-1200px.png?ssl=1\" alt=\"\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can see that the image moves outside of the block while the text is still in its wrapping position. I turned on the web developer outline block levels to see where the boundaries are.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now here&#8217;s a screenschot from 1.8.4 when the browser window is &lt; 1200px.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/notion360.com\/uploads\/1.8.4-less-1200px.png?ssl=1\" alt=\"\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Everything is back to normal!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I could not figure out where the problem in the CSS lies. For the time being I&#8217;ve rolled back to 1.7.13 and everything looks fine. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please advise!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you!<\/p>\n","protected":false},"template":"","class_list":["post-17351879","topic","type-topic","status-publish","hentry","topic-tag-align-left","topic-tag-css","topic-tag-image","topic-tag-max-width"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17351879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17351879\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=17351879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}