Fix: Mobile view

[KhushamBansal]

Description

fix: #7274

Notes for Reviewers

Fixes mobile view issue where content under 'Manage your clusters' heading was not visible on devices with viewport width <= 768px

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 0fd7653 at: https://6950403d622bb983b70b222e--layer5.netlify.app

[l5io]

🚀 Preview for commit 3377161 at: https://695046bdfa81b7b5389b644b--layer5.netlify.app

[l5io]

🚀 Preview for commit b196b8d at: https://69504c9d0fcc29a700ee137b--layer5.netlify.app

[l5io]

🚀 Preview for commit b114c4f at: https://695053f3613264c21198f898--layer5.netlify.app

[l5io]

🚀 Preview for commit b114c4f at: https://6950f433e2c7fa28e35b12d8--layer5.netlify.app

[l5io]

🚀 Preview for commit b03c3ba at: https://6951016ffa81b743f99b653b--layer5.netlify.app

[l5io]

🚀 Preview for commit 53daf6a at: https://69510b6b613264517898f82e--layer5.netlify.app

[l5io]

🚀 Preview for commit fada2c6 at: https://695115eb653b5d6d9d012795--layer5.netlify.app

[l5io]

🚀 Preview for commit 3b55d7f at: https://69511fd6ca7514ab2424b6c5--layer5.netlify.app

[l5io]

🚀 Preview for commit f1ea838 at: https://695123fc87b1ccc578218109--layer5.netlify.app

[yi-nuo426]

Is this a duplicate? Are you going to close one of your PRs, @KhushamBansal?

[saurabhraghuvanshii]

@KhushamBansal description? Which issue are you trying to fix

[KhushamBansal]

@saurabhraghuvanshii , I am trying to fix #7274 . I found the bug, the carousel in the feature section is hiding the the footer section. Also, the carousel is not displayed due to some position/transition related error. A bit challenging to debug as I can run it locally and have to push the code to review every change I make. The alternative is to use the !important .

[KhushamBansal]

https://695123fc87b1ccc578218109--layer5.netlify.app/cloud-native-management/meshery
in this i have set max height of carousel to 400px, then the footer is visible. But the carousel is still not visible.