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

Responsive Design Enhancements for knative.dev Home Page #5876

Open
prajjwalyd opened this issue Feb 22, 2024 · 9 comments
Open

Responsive Design Enhancements for knative.dev Home Page #5876

prajjwalyd opened this issue Feb 22, 2024 · 9 comments
Assignees
@oshalash38 @ShravaniAK @asr2003
Labels
kind/bug Categorizes issue or PR as related to a bug.

Comments

@prajjwalyd
Copy link
Contributor

I've noticed some responsiveness issues on the knative.dev landing page:

  • The buttons lack some spacing between them, and maybe we can add some uniform padding to the main headline.
    Home - Knative

  • This should stack vertically instead of appearing side by side.
    Home - Knative

  • Alignment is inconsistent.
    Home - Knative

  • On smaller screens, stacking the case studies vertically could enhance readability.
    Home - Knative

  • The footer also requires attention.
    Home - Knative
@prajjwalyd prajjwalyd added the kind/bug Categorizes issue or PR as related to a bug. label Feb 22, 2024
@oshalash38
Copy link

/assign

@oshalash38
Copy link

@prajjwalyd Could you elaborate/suggest fixes on the third bullet (alignment is inconsistent)?

@prajjwalyd
Copy link
Contributor Author

Hi @oshalash38,

"alignment is inconsistent," meant that on smaller screens, the captions of both diagrams (eventing and serving) aren't centered with them...
Also, they look much bigger than the diagrams, so maybe adjusting their alignment and size could make things look better!

@asr2003
Copy link
Contributor

asr2003 commented May 9, 2024

/assign

@ShravaniAK
Copy link
Contributor

/assign

@asr2003 asr2003 mentioned this issue May 26, 2024
Closed
@github-actions GitHub Actions
Copy link

This issue is stale because it has been open for 90 days with no
activity. It will automatically close after 30 more days of
inactivity. Reopen the issue with /reopen. Mark the issue as
fresh by adding the comment /remove-lifecycle stale.

@github-actions github-actions bot added the lifecycle/stale Denotes an issue or PR has remained open with no activity and has become stale. label Aug 26, 2024
@skonto
Copy link
Contributor

skonto commented Aug 27, 2024

/remove-lifecycle stale

@knative-prow knative-prow bot removed the lifecycle/stale Denotes an issue or PR has remained open with no activity and has become stale. label Aug 27, 2024
@arkantrust
Copy link

Is there any update on this?

It's really a problem on iOS safari as content is cannot be displayed nor read:

image

image

@Cali0707
Copy link
Member

Cali0707 commented Sep 11, 2024 •
edited
Loading

@arkantrust there has been progress made, it should be present in the next release :)

Shoutout to @ShravaniAK for all the hard work on making various sections more responsive!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@oshalash38 oshalash38

@ShravaniAK ShravaniAK

@asr2003 asr2003

Labels
kind/bug Categorizes issue or PR as related to a bug.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: Responsive Design Enhancements for Knative Docs Home Page asr2003/docs
7 participants
@skonto @oshalash38 @Cali0707 @ShravaniAK @prajjwalyd @arkantrust @asr2003