Skip to content

fix: トップページのワークショップセクションのスタイル修正 - #62

Open
mochi-yu wants to merge 1 commit into
mainfrom
fix/top-page-workshop
Open

fix: トップページのワークショップセクションのスタイル修正#62
mochi-yu wants to merge 1 commit into
mainfrom
fix/top-page-workshop

Conversation

@mochi-yu

@mochi-yu mochi-yu commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

Summary

  • ワークショップカードのレイアウトを grid から flex + wrap に変更し、カード幅を max-width: 250px で制限
  • モバイル表示時のセクション角丸を --radius-section-sp(40px)に変更
  • モバイル用セクション角丸の CSS 変数 --radius-section-sp を 80px → 40px に調整

Test plan

  • トップページのワークショップセクションをデスクトップ幅で確認し、カードが中央揃えで適切に並ぶこと
  • モバイル幅(768px 以下)でセクションの角丸が 40px になっていること
  • ワークショップカードが複数行に折り返されること

Made with Cursor

@netlify

netlify Bot commented Aug 9, 2026

Copy link
Copy Markdown

Deploy Preview for unrivaled-empanada-4b1c20 ready!

Name Link
🔨 Latest commit 4bbdae2
🔍 Latest deploy log https://app.netlify.com/projects/unrivaled-empanada-4b1c20/deploys/6a7824cf30149e0008fb334f
😎 Deploy Preview https://deploy-preview-62--unrivaled-empanada-4b1c20.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@mochi-yu
mochi-yu requested a review from masakurapa August 9, 2026 06:57
display: flex;
flex-direction: column;
gap: var(--space-xs);
max-width: 250px;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

このwidth指定してしまうとFigmaと結構幅変わっちゃいませんかね?

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