Prakash1185 opened a new pull request, #539:
URL: https://github.com/apache/yunikorn-site/pull/539
### What is this PR for?
- This PR improves the mobile responsiveness of the homepage by fixing
layout issues in the hero and footer sections.
- It ensures a better user experience on small screens while preserving the
existing desktop layout.
### What type of PR is it?
* [x] - Bug Fix
* [x] - Improvement
* [ ] - Feature
* [ ] - Documentation
* [ ] - Hot Fix
* [ ] - Refactoring
### Todos
* [x] - Fix hero section layout on mobile screens
* [x] - Remove footer link overflow on small viewports
* [x] - Fix centering issue in the "Why YuniKorn?" section on mobile
### What is the Jira issue?
* Not applicable
### How should this be tested?
1. Run the website locally.
3. Resize the browser and see the behaviour of the homepage across different
screen sizes.
## Screenshots (if appropriate)
### Before:
1.Mobile view 1 (breaking layout)
<img width="300" alt="Screenshot 2026-01-17 230855"
src="https://github.com/user-attachments/assets/8576f6a1-f584-43a7-b4b2-3f0dd3a76a9a";
/>
2.Mobile view 2 (overflow visible on right side)
<img width="300" alt="Screenshot 2026-01-17 231011"
src="https://github.com/user-attachments/assets/bdcd074b-cdf5-45a5-af46-cc4732c19791";
/>
3.Why YuniKorn? Section (not centered)
<img width="300" alt="Screenshot 2026-01-17 231058"
src="https://github.com/user-attachments/assets/120ddeb2-13b3-48c6-8d94-8231b5564505";
/>
4.Footer ( causing the overflow in right side)
<img width="300" alt="Screenshot 2026-01-17 231121"
src="https://github.com/user-attachments/assets/fd431a86-843d-4f8b-917e-0614fb73e50c";
/>
###After:
1.Mobile view 1 (layout fixed)
<img width="300" alt="Screenshot 2026-01-17 230907"
src="https://github.com/user-attachments/assets/bc90123c-353a-4f9c-8717-b57700c7aa69";
/>
2.Mobile view 2 ( no overflow )
<img width="300" alt="Screenshot 2026-01-17 231030"
src="https://github.com/user-attachments/assets/3f72bd56-2584-4acd-9f0b-0f1ebdc65882";
/>
3.Why YuniKorn? Section ( now centered )
<img width="300" alt="Screenshot 2026-01-17 231115"
src="https://github.com/user-attachments/assets/bdeaea09-dc9b-4090-8d9b-c6012db9d350";
/>
4.Footer ( overflow fixed )
<img width="300" alt="Screenshot 2026-01-17 231127"
src="https://github.com/user-attachments/assets/b4232517-af08-4906-af7f-b332299e176a";
/>
### Questions:
* [ ] - The licenses files need update.
* [ ] - There is breaking changes for older versions.
* [ ] - It needs documentation.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
