Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(landing): add examples section #160

Merged
merged 18 commits into from
Nov 23, 2021
Merged

feat(landing): add examples section #160

merged 18 commits into from
Nov 23, 2021

Conversation

danilowoz
Copy link
Member

No description provided.

@vercel vercel bot temporarily deployed to Preview – sandpack November 19, 2021 14:12 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 19, 2021 14:12 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 19, 2021 16:42 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 19, 2021 16:42 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 19, 2021 17:11 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 19, 2021 17:11 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 19, 2021 17:27 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 19, 2021 17:27 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 19, 2021 17:48 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 19, 2021 17:48 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 20, 2021 10:18 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 20, 2021 10:18 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 21, 2021 21:49 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 21, 2021 21:49 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 21, 2021 22:29 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 21, 2021 22:29 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 22, 2021 11:48 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 22, 2021 11:48 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 22, 2021 13:12 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 22, 2021 13:12 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 23, 2021 11:24 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 23, 2021 11:24 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 23, 2021 11:33 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 23, 2021 11:33 Inactive
@danilowoz danilowoz marked this pull request as ready for review November 23, 2021 11:34
@danilowoz danilowoz changed the title landing examples landing: examples Nov 23, 2021
@danilowoz danilowoz changed the title landing: examples feat(landing): add examples section Nov 23, 2021
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 23, 2021 11:39 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 23, 2021 11:39 Inactive
@danilowoz danilowoz requested a review from olarclara November 23, 2021 11:40
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 23, 2021 11:44 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 23, 2021 11:44 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack November 23, 2021 11:51 Inactive
@vercel vercel bot temporarily deployed to Preview – sandpack-landing November 23, 2021 11:51 Inactive
overflow: "hidden",
}}
>
<Text
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There's a component SectionTitle with these exact styles.

width: "100%",
}}
>
<SandpackExampleProvider>
<Box
Copy link
Contributor

@olarclara olarclara Nov 23, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe we could use the section wrapper that is shared between the other components. It handles the layout so it's always centered on bigger screens. The content is misaligned on bigger breakpoints, below is a screenshot from my screen (3440x1440):

rc3qm-3001 pitcher-staging csb dev_

The Section is a wrapper that takes the whole viewport and aligns everything to the center, then there's a SectionContainer where the content will live that takes up to 2560px of the screen.

Copy link
Contributor

@olarclara olarclara left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It looks excellent! Nice work. :)

@danilowoz danilowoz merged commit 5a0b279 into main Nov 23, 2021
@danilowoz danilowoz deleted the landing/examples branch November 23, 2021 14:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants