Making WordPress.org

Opened 10 months ago

Last modified 3 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 10 months ago.
Design break issue

Download all attachments as: .zip

Change History (3)

@patelhitesh
10 months ago

Design break issue

#1 @kajalgohel
10 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
3 months ago

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