Content overflow issue in responsive design

[patelhitesh]

Please check the below link:
​https://wordpressfoundation.org/2017-annual-report/
When we check this page to 425px layout, the content is not looking good as per the attached screenshot.

Steps to reproduce:
Visit the site: ​https://wordpressfoundation.org/2017-annual-report/
Inspect the page and set the width to 425px
The content does not look good in WordCamp statistics section

[patelhitesh]

Content formatting issue at the Width 425px

[baroliyamayur]

This issue is happen because of css media query. To resolved this issue please find below changes.

@media only screen and (max-width:600px){
	body.page-id-34937 .site-main article .flex.se-asia-map{background-position:center center;flex-direction:column;}
	body.page-id-34937 .site-main article .flex.se-asia-map p{max-width:100%;padding-left:0;margin:20px 0 20px;}
}

[coffee2code]

Thanks for the report! The page has been slightly changed since this issue was reported (the map image was removed). However, I fixed the text adjacent to the chart image to be in its own block so it doesn't appear to the right of the chart. The page is now good enough.