-
Notifications
You must be signed in to change notification settings - Fork 1
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
余白追加_調整予定 #50
Conversation
src/app/page.tsx
Outdated
style={{ | ||
display: 'flex', | ||
justifyContent: 'space-evenly', | ||
marginLeft: '5%', | ||
marginRight: '5%', | ||
width: '100%', |
There was a problem hiding this comment.
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
display: row; | ||
justify-content: flex-start; | ||
max-width: 580px; | ||
`; | ||
|
||
const RightColumn = styled('div')` | ||
display: row; |
There was a problem hiding this comment.
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 が言ってたので調べてみたけどそうっぽい。
Issue
変更内容
位置調整に余白とかおいてみた