WordPress / WordPress/Learn

Content is hiding and not expand at 425px wide

Open
#1,507 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

[Type] Bug Priority - Medium
Dominant language
PHP
Stars
333
Forks
127
Avg merge
1d 7h
Merged PRs (30d)
11

Description

Description

Please check the below URL:
https://learn.wordpress.org/course/develop-your-first-low-code-block-theme/
The content about the course details is hidden at 425px wide

Step-by-step reproduction instructions

  1. Go to https://learn.wordpress.org/course/develop-your-first-low-code-block-theme/
  2. Inspect the page and set the width to 425px
  3. Check some content in the course details is not proper formatting

Expected behavior

The issue is happening because of the max-height property. Set the max-height: 100% instead of max-height: 353px
CleanShot 2023-04-20 at 14 13 28@2x

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the linked Learn WordPress course page and inspect it at 425px wide, focusing on the course-details content and the max-height value identified in the issue. Change the constrained value so the content is fully visible and properly formatted at that width, then verify the page responsively.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.