Making WordPress.org

Opened 3 years ago

Closed 3 years ago

#6192 closed enhancement (invalid)

The width of the workshop images is different in desktop and mobile size

Reported by: aezazshekh's profile aezazshekh Owned by:
Milestone: Priority: normal
Component: Learn (learn.wordpress.org) Keywords: needs-patch has-screenshots
Cc:

Description

When you open this https://learn.wordpress.org/ site in desktop and mobile size, then the image of the workshop is of different width.

Site Link => https://learn.wordpress.org/

I have created a video of the issue. its link is given below.
https://www.loom.com/share/d29404b1cd2f4f228b4cbf7b7b930d0a

Attachments (1)

image (11).png (73.3 KB) - added by aezazshekh 3 years ago.
Screenshot of Issue

Download all attachments as: .zip

Change History (3)

@aezazshekh
3 years ago

Screenshot of Issue

#1 @aezazshekh
3 years ago

Solution

Go to the path '/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2020/css/style.css' and add below CSS code by finding this '.video-grid_item_link' class.

.video-grid_item_link{width:100%}

Thank you !

#2 @dd32
3 years ago

  • Component changed from General to Learn (learn.wordpress.org)
  • Resolution set to invalid
  • Status changed from new to closed

Tickets related to Learn (learn.wordpress.org) should be filed on the WordPress.org Learn GitHub Repository

Would you mind creating this ticket over there instead?

@aezazshekh Please select the appropriate component when creating tickets, it'll suggest you creating the ticket in the appropriate place when required.

Note: See TracTickets for help on using tickets.