diff --git a/src/conponent/_grid.scss b/src/conponent/_grid.scss index 8a7605a..55f4816 100644 --- a/src/conponent/_grid.scss +++ b/src/conponent/_grid.scss @@ -1,16 +1,12 @@ .container, .container-fluid { width: 100%; padding-right: 15px; + max-width: 1504px; padding-left: 15px; margin-right: auto; margin-left: auto; } -@media (min-width: 576px) { .container { max-width: 540px; } } -@media (min-width: 768px) { .container { max-width: 720px; } } -@media (min-width: 992px) { .container { max-width: 960px; } } -@media (min-width: 1200px) { .container { max-width: 1140px; } } - .row { display: flex; flex-wrap: wrap; diff --git a/src/conponent/_navbar.scss b/src/conponent/_navbar.scss index 5b13259..41a11bb 100644 --- a/src/conponent/_navbar.scss +++ b/src/conponent/_navbar.scss @@ -23,6 +23,7 @@ border-radius: 2px; cursor: pointer; padding-left: 5px; + padding: .2rem .1rem; } .navbar-brand:hover, .nav-item:hover { background-color: $suwa07; @@ -40,7 +41,8 @@ .fixed-top { top: 0; } .fixed-bottom { bottom: 0; } -.nav-link { display: block; padding: 0.5rem 1rem; } +.nav-link { display: block; } +@media (min-width: 576px) { .nav-link { padding: 0.5rem 1rem; } } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: $white1; background-color: $suwa03; }