mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-08-30 17:30:23 +02:00
Merge pull request #155 from nostalgic-css/responsive-demo-page
fix(style.css): fix margin and padding of body
This commit is contained in:
25
style.css
25
style.css
@@ -30,13 +30,6 @@ div.tables > .nes-table:first-child {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
div.tables > .nes-table {
|
||||
max-width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.balloon.nes-container .nes-balloon {
|
||||
max-width: 600px;
|
||||
margin: 2rem 2rem;
|
||||
@@ -93,3 +86,21 @@ div.tables > .nes-table:first-child {
|
||||
.github-link > i.nes-octocat {
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 2rem 0.2rem;
|
||||
}
|
||||
div.tables > .nes-table {
|
||||
max-width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
.balloon.nes-container .nes-balloon {
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.github-link {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user