Skip to content

Commit

Permalink
Add containerCSS
Browse files Browse the repository at this point in the history
  • Loading branch information
herohoro committed Dec 27, 2021
1 parent 20ef29c commit 0272c99
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 6 deletions.
8 changes: 5 additions & 3 deletions src/styles/blog.module.css
Expand Up @@ -178,7 +178,9 @@

.post {
max-width: calc(600px + 10%);
padding: 0 5% 5%;
padding: 8% 10%;
background: #fefdfb;
border-radius: 10px;
}

.post :global(a + p) {
Expand Down Expand Up @@ -293,12 +295,12 @@

.post {
min-width: 50%;
padding: 0 5% 0 5%;
padding: 2% 5%;
}

.sideMenu {
width: 33%;
padding: 0 3% 0 0;
padding: 0 3%;
}

.sideMenu h3 {
Expand Down
4 changes: 1 addition & 3 deletions src/styles/global.css
Expand Up @@ -4,7 +4,7 @@
--gap: 1rem;
--gap-double: 2rem;

--bg: #fefdfb;
--bg: #faf5ec;
--fg: #000;
--accents-1: #111;
--accents-2: #333;
Expand Down Expand Up @@ -340,8 +340,6 @@ code {
.container {
margin: 0 auto;
width: 1024px;
border-left: 1px solid #333;
border-right: 1px solid #333;
}
}

Expand Down

4 comments on commit 0272c99

@vercel
Copy link

@vercel vercel bot commented on 0272c99 Dec 27, 2021

Choose a reason for hiding this comment

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

@herohoro
Copy link
Owner Author

Choose a reason for hiding this comment

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

  • 背景色を追加
  • 余白調整

スクリーンショット 2021-12-27 11 36 04

@herohoro
Copy link
Owner Author

Choose a reason for hiding this comment

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

ipadでは中央に位置していないので後日修正したい。
スクリーンショット 2021-12-27 11 34 36

@herohoro
Copy link
Owner Author

Choose a reason for hiding this comment

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

282e07e
👆ここで解決した。

最大幅を超える大きさの時に謎の余白が発生していたので、最大幅の指定を削除して1024px以上の画面幅の時だけ指定した。
スクリーンショット 2022-01-02 15 17 10

Please sign in to comment.