Hype Group layout object #2170
Hype Group layout object #2170
Conversation
🦋 Changeset detectedLatest commit: 265ee35 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
✅ Deploy Preview for cloudfour-patterns ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
There was a problem hiding this comment.
The comments on this file are great, thank you!
The last item gets cut off on the bottom. I'm not sure if that's just an artifact of how it's rendered in Storybook or if it would happen in a real context, though. |
spaceninja
left a comment
spaceninja
left a comment
There was a problem hiding this comment.
Code looks great and it works as expected in browsers, with one possible bug that I left in a comment.
I'm approving on the assumption that it's not a real bug, just a Storybook artifact, but if it turns out to be real, I'm happy to re-review after you apply a fix.
I believe this to be an artifact of Storybook, since these items intentionally overflow. |
Overview
This is (probably) the last major new pattern for the new style of marketing landing page, the Hype Group. It arranges intro, content and visual object blocks in a stylized manner well suited for this sort of content.
Also makes a small change to Cloud Cover to constrain the z-indices of its clouds.
Screenshots
Narrow screens
Wide screens
Docs
Testing
Try out the deploy preview in the following browsers: