[website] Make the showcase component of hero on landing page scrollable
See original GitHub issueThe top right section of the landing page is cut off and cannot be scrolled, making it impossible to see some of the cool examples.
- The issue is present in the latest release.
- I have searched the issues of this repository and believe that this is not a duplicate.
Current Behavior 😯
The height
is based on the screen height (calc(100vh - 120px)
). Overflowing content is hidden.
Note that e.g. the “Use the sx prop to add these properties” example is not fully visible.
Expected Behavior 🤔
IMO the best way to handle this is by making the section scrollable.
Steps to Reproduce 🕹
Steps:
- Go to https://mui.com/
Context 🔦
I noticed that the “Use the sx prop to add these properties” example was cut off.
Your Environment 🌎
24" screen in landscape orientation 😄
Issue Analytics
- State:
- Created 2 years ago
- Comments:10 (8 by maintainers)
Top Results From Across the Web
Landing Page Hero Shots: 18 Insightful Examples To Guide ...
Learn from the good, the bad, and the bogus landing page hero shots examples so you know exactly what to do to improve...
Read more >20 inspiring hero image websites - Justinmind
20 examples of hero image website inspiration to boost your conversion rates and impress your users.
Read more >Landing Page Design: How to Create Pages That Convert ...
A landing page can take many forms: A scrollable sales page that walks visitors through a specific use case for your product.
Read more >Landing Page Animation 101: Examples, Tips, and Tools - Vev
We created our own landing page specifically to showcase the magic that can be made with Lottie animation in Vev.
Read more >Homepage: hero section | Webflow University
Before adding any elements to the page, drag your assets — your image files — into the Asset panel: ... Let's create the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi @hbjORbj
I’m Yoshi. I’m interested in contributing if this issue hasn’t been assigned yet. I’ll wait until @LorenzHenk has replied to you. Thanks🙂
@mbrookes This was addressed in #29141. Check out https://github.com/mui-org/material-ui/pull/29141#issuecomment-946447684 😃