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

fix(web): Horizontal Scrolling issue on the website #440

Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/web/src/components/colabEasy/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ function ColabEasy(): React.JSX.Element {
</span>
</div>

<div className="auto-cols-min grid-cols-3 gap-5 space-y-5 md:grid md:space-y-0">
<div className="auto-cols-min gap-5 space-y-5 md:grid md:grid-cols-2 md:space-y-0 xl:grid-cols-3">
<article className="row-span-2">
<Card>
<div className="p-6">
Expand Down
28 changes: 26 additions & 2 deletions apps/web/src/components/lifeEasySection/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ function LifeEasySection(): React.JSX.Element {
</span> */}
</div>

<div className="grid gap-9 md:grid-cols-3">
<div className="grid gap-9 md:grid-cols-2 xl:grid-cols-3">
<div className="grid gap-9">
<Card>
<StandardKitSVG />
Expand Down Expand Up @@ -59,7 +59,7 @@ function LifeEasySection(): React.JSX.Element {
<SeemlessIntegrationSVG />
</div>
</Card>
<div className="grid gap-9">
<div className="grid gap-9 md:hidden xl:grid">
<Card>
<div className="p-6">
<h3 className="text-lg font-medium">Command Line Interface</h3>
Expand All @@ -81,6 +81,30 @@ function LifeEasySection(): React.JSX.Element {
<SnapshotSVG />
</Card>
</div>
<div className="hidden md:grid xl:hidden">
<Card>
<div className="p-6">
<h3 className="text-lg font-medium">Command Line Interface</h3>
<span className="text-base text-[#9394A1]">
Manage Your Configurations Directly from Your Terminal across
Multiple OS
</span>
</div>
<CommandLineSVG />
</Card>
</div>
<div className="hidden md:grid xl:hidden">
<Card>
<div className="p-6">
<h3 className="text-lg font-medium">Snapshot</h3>
<span className="text-base text-[#9394A1]">
Capture &quot;Pictures&quot; of Your Entire Workspace for Easy
Restoration at Any Time.
</span>
</div>
<SnapshotSVG />
</Card>
</div>
</div>
</section>
)
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/secretSection/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ function SecrectSection(): React.JSX.Element {
{/* <span>Built for your Seamless Secret Integration</span> */}
</div>

<div className="grid gap-3 md:grid-cols-3 2xl:gap-9">
<div className="grid gap-3 md:grid-cols-2 xl:grid-cols-3 2xl:gap-9">
{cardData.map((card, index) => {
const { heading, description, svg } = card
return (
Expand Down
Loading