Making WordPress.org

Opened 22 months ago

Last modified 14 months ago

#6959 new defect (bug)

Design break issue on Documentation page

Reported by: patelhitesh's profile patelhitesh Owned by:
Milestone: Priority: normal
Component: HelpHub (wordpress.org/documentation) Keywords: needs-patch needs-design-feedback has-screenshots
Cc:

Description

Please check the below URL:
https://wordpress.org/documentation/article/social-icons/

When we inspect the page at 425px wide then the paragraph and images are not aligned as blocks. For more details, please check the attached screenshot.

Attachments (1)

Doc1.png (149.9 KB) - added by patelhitesh 22 months ago.
Design break issue

Download all attachments as: .zip

Change History (3)

@patelhitesh
22 months ago

Design break issue

#1 @kajalgohel
22 months ago

Hello @patelhitesh ,

I think, if we add the below CSS then the issue will be resolved.

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: 2px !important;
    margin-right: 2px !important;
}

Thanks.

#2 @coffee2code
14 months ago

  • Component changed from General to HelpHub (wordpress.org/documentation)
Note: See TracTickets for help on using tickets.