Making WordPress.org

Opened 3 years ago

Closed 2 months ago

#6959 closed defect (bug) (worksforme)

Design break issue on Documentation page

Reported by: patelhitesh Owned by:
Priority: normal Milestone:
Component: HelpHub (wordpress.org/documentation) Keywords: 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 3 years ago.
Design break issue

Download all attachments as: .zip

Change History (4)

@patelhitesh
3 years ago

Design break issue

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

  • Component General → HelpHub (wordpress.org/documentation)

#3 @obenland
2 months ago

  • Keywords needs-patch needs-design-feedback removed
  • Resolution → worksforme
  • Status new → closed

It looks like this may have been fixed in a page update. Please feel free to reopen if there are additional steps to reproduce this.

Note: See TracTickets for help on using tickets.