Making WordPress.org

Opened 11 months ago

Last modified 11 months ago

#6882 new defect (bug)

Documentation images are not responsive in small viewports

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/how-to-install-wordpress/

To Reproduce
Steps to reproduce the behavior:

Go to the above URL
Switch to responsive mode, 425 wide
Scroll down to code blocks
See something like the screenshot
Expected behavior
It should either wrap or scroll, whatever is more generally accessible.

Attachments (2)

CleanShot 2023-03-23 at 13.59.50@2x.png (568.4 KB) - added by patelhitesh 11 months ago.
Image formatting issue in mobile view design
CleanShot 2023-03-24 at 15.22.14@2x.png (788.9 KB) - added by viralsampat 11 months ago.
I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

Download all attachments as: .zip

Change History (4)

@patelhitesh
11 months ago

Image formatting issue in mobile view design

#1 @dd32
11 months ago

  • Component changed from General to HelpHub
  • Summary changed from Image formatting issue in mobile view design to Documentation images are not responsive in small viewports

#2 @viralsampat
11 months ago

Hello @patelhitesh

Here, I have added above-mentioned issue CSS, Also I have attached its screenshot for better understanding,

.thumbinner a.image img.thumbimage {
    height: auto;
    max-width: 100%;
    margin-top:10px
}

Thanks,

@viralsampat
11 months ago

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

Note: See TracTickets for help on using tickets.