Opened 17 months ago

Last modified 17 months ago

#6649 new defect (bug)

Content overflow issue in responsive design

Reported by: patelhitesh's profile patelhitesh Owned by:
Milestone: Priority: normal
Component: General Keywords: needs-patch needs-design-feedback has-screenshots


Please check the below link:
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:
Inspect the page and set the width to 425px
The content does not look good in WordCamp statistics section

Attachments (1)

CleanShot 2022-12-27 at 16.36.40@2x.png (180.2 KB) - added by patelhitesh 17 months ago.
Content formatting issue at the Width 425px

Download all attachments as: .zip

Change History (2)

17 months ago

Content formatting issue at the Width 425px

#1 @baroliyamayur
17 months ago

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

@media only screen and (max-width:600px){ .site-main article{background-position:center center;flex-direction:column;} .site-main article p{max-width:100%;padding-left:0;margin:20px 0 20px;}
Note: See TracTickets for help on using tickets.