Making WordPress.org

#6720 closed defect (bug) (worksforme)

Documentation: Long links do not wrap in responsive

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 visit the below URL:
https://wordpress.org/documentation/article/wordpress-privacy/

Inspect the page and set the width to 425px. The content is overflow out of the container and the design is not look good.

Steps to reproduce:
1 - Visit the URL: https://wordpress.org/documentation/article/wordpress-privacy/
2 - Inspect the page and set the width to 425px.
3 - List item content is overflow out of the container

Attachments (1)

CleanShot 2023-01-30 at 16.29.23@2x.png (193.4 KB) - added by patelhitesh 20 months ago.
Responsive design break issue

Download all attachments as: .zip

Change History (3)

@patelhitesh
20 months ago

Responsive design break issue

#1 @patelhitesh
20 months ago

To solve the above design break issue, please check below CSS:

.wp-block-post-content a {

word-break: break-word;

}

#2 @dd32
13 months ago

  • Component changed from WordPress.org Site to HelpHub
  • Resolution set to worksforme
  • Status changed from new to closed
  • Summary changed from Responsive design break issue to Documentation: Long links do not wrap in responsive

The original text in question here no longer appears to be in the document, and the theme has likely changed.

Future bug reports regarding wordpress.org/documentation should be filed on https://github.com/WordPress/wporg-documentation-2022

Note: See TracTickets for help on using tickets.