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;}
}