mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-31 09:41:47 +02:00
Code Issues Releases Wiki Activity

refactor: fix table margin in demo page

Browse Source
This commit is contained in:
BcRikko
2018-12-09 10:37:58 +09:00
parent c61e17ac03
commit 06ac77abfe
2 changed files with 61 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@@ -132,9 +132,10 @@
</div> </div>
</section> </section>
<section class="container with-title" style="display:flex"> <section class="container with-title">
<h2 class="title">Table</h2> <h2 class="title">Table</h2>
<table class="table is-bordered is-centered" style="margin:15px 15px 5px 0;"> <div class="tables">
<table class="table is-bordered is-centered">
<thead> <thead>
<tr> <tr>
<th>Table.is-bordered</th> <th>Table.is-bordered</th>
@@ -152,7 +153,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<table class="table is-bordered is-dark" style="margin:15px 4px 5px 15px"> <table class="table is-bordered is-dark">
<thead> <thead>
<tr> <tr>
<th>Table.is-dark</th> <th>Table.is-dark</th>
@@ -170,6 +171,7 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</section> </section>
<section class="container with-title"> <section class="container with-title">

21
style.css
View File

@@ -16,6 +16,27 @@ div.containers > .container {
max-width: 400px; max-width: 400px;
} }
div.tables {
display: flex;
flex-wrap: wrap;
}
div.tables > .table {
min-width: 350px;
max-width: calc(50% - 2rem);
}
div.tables > .table:first-child {
margin-right: 2rem;
margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
div.tables > .table {
max-width: 100%;
margin-right: 0;
}
}
.balloon.container .balloon { .balloon.container .balloon {
max-width: 600px; max-width: 600px;
margin: 2rem 2rem; margin: 2rem 2rem;