Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Below 910 pixels in screen size, the card design breaks. #1367

Open
aezazs-multidots opened this issue Feb 22, 2023 · 1 comment
Open

Below 910 pixels in screen size, the card design breaks. #1367

aezazs-multidots opened this issue Feb 22, 2023 · 1 comment
Labels
[Dev] Has PR Website related issue that also has a related pull request. Priority - Medium Medium priority issue. [Type] Bug Something isn't working on the Learn website.

Comments

@aezazs-multidots
Copy link

Description

Below 910 pixels in screen size, the card design breaks.

Step-by-step reproduction instructions

Open this page in a resolution less than 910 pixels. 

Screenshots or screen recording (optional)

CleanShot 2023-02-22 at 14 10 48@2x
@aezazs-multidots aezazs-multidots added [Type] Bug Something isn't working on the Learn website. Awaiting Triage Issues awaiting triage. See Training Team handbook for how to triage issues. labels Feb 22, 2023
@aezazs-multidots aezazs-multidots mentioned this issue Feb 22, 2023
Closed
@jonathanbossenger jonathanbossenger added [Dev] Has PR Website related issue that also has a related pull request. Priority - Medium Medium priority issue. and removed Awaiting Triage Issues awaiting triage. See Training Team handbook for how to triage issues. labels Jul 13, 2023
@coffee2code
Copy link

Previously reported in https://meta.trac.wordpress.org/ticket/6779 by patelhitesh.

The lesson topic cards overflow the viewport between 768px up to about 900px. The cards become responsive below 768px (switching from a 4x2 layout to a 2x4 layout). Maybe need to switch to 3 cards wide for this range?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Dev] Has PR Website related issue that also has a related pull request. Priority - Medium Medium priority issue. [Type] Bug Something isn't working on the Learn website.
Projects
LearnWP Website Development
Status: In discussion
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fixed card design issue aezazs-multidots/Learn
3 participants
@jonathanbossenger @coffee2code @aezazs-multidots