Responsive Design Enhancements for knative.dev Home Page

[prajjwalyd]

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.
  

• This should stack vertically instead of appearing side by side.
  

• Alignment is inconsistent.
  

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

• The footer also requires attention.
  

[oshalash38]

/assign

[oshalash38]

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

[prajjwalyd]

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]

/assign

[ShravaniAK]

/assign

[github-actions]

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.

[skonto]

/remove-lifecycle stale

[arkantrust]

Is there any update on this?

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

[Cali0707]

@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!