Responsive Design Enhancements for knative.dev Home Page

knative / docs

User documentation for Knative components.

https://knative.dev/docs/

Other

4.43k stars 1.23k forks source link

Responsive Design Enhancements for knative.dev Home Page #5876

Open prajjwalyd opened 5 months ago

prajjwalyd commented 5 months ago

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 commented 5 months ago

/assign

oshalash38 commented 5 months ago

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

prajjwalyd commented 5 months ago

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 commented 2 months ago

/assign

ShravaniAK commented 2 months ago

/assign