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

余白追加_調整予定 #50

Merged
merged 4 commits into from
Oct 10, 2023
Merged

余白追加_調整予定 #50

merged 4 commits into from
Oct 10, 2023

Conversation

KND-T
Copy link
Contributor

@KND-T KND-T commented Sep 28, 2023

Issue

変更内容

位置調整に余白とかおいてみた

  • figmaのデザインに寄せる
  • Windowがどの状態の時にfigmaのデザインになれば良い?

src/app/page.tsx Outdated
Comment on lines 7 to 12
style={{
display: 'flex',
justifyContent: 'space-evenly',
marginLeft: '5%',
marginRight: '5%',
width: '100%',
Copy link
Contributor

Choose a reason for hiding this comment

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

StyledComponent使ってください。
キャプションとマイルストーン以外のコンテンツが今後はいる可能性もあるので拡張性を持たせるためにrightcolumn leftcolumnみたいな感じで中身の要素ももう一つ箱作ってあげるイメージでレイアウト整えると後で楽だと思います。

src/app/page.tsx Outdated
Comment on lines 28 to 34
display: row;
justify-content: flex-start;
max-width: 580px;
`;

const RightColumn = styled('div')`
display: row;
Copy link
Contributor

Choose a reason for hiding this comment

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

LeftColumn と RightColumn の display プロパティが 'row' に設定されていますが、実際のCSSでは 'row' という値は存在しません。おそらく 'flex' または 'block' といった適切な値を設定する必要があります。
ってチャットGPT が言ってたので調べてみたけどそうっぽい。

@AyumuAkimoto AyumuAkimoto merged commit c837c2c into main Oct 10, 2023
3 checks passed
@AyumuAkimoto AyumuAkimoto deleted the feature/issues-28 branch October 10, 2023 14:25
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