diff --git a/css/style.css b/css/style.css index 6f5016e..a18acfb 100755 --- a/css/style.css +++ b/css/style.css @@ -96,6 +96,12 @@ h1, h2, h3, h4, h5, h6 { display: flex; justify-content: center; } +img { + max-width: 100%; + margin-bottom: 10px; + vertical-align: middle; + border: 0; +} @media (min-width: 768px) { .container { width: 720px; @@ -104,25 +110,36 @@ h1, h2, h3, h4, h5, h6 { @media (min-width: 992px) { .col-lg-8 { flex: 0 0 66.666667%; - max-width: 66.666667%; + width: 66.666667%; } .col-lg-2 { flex: 0 0 16.666667%; - max-width: 16.666667%; + width: 16.666667%; + } + .offset-lg-2 { + margin-left: 16.666667%; } .col-lg-6 { flex: 0 0 50%; - max-width: 50%; + width: 50%; } .offset-lg-3 { margin-left: 25%; } + .col-lg-3 { + width: 25%; + flex: 0 0 25%; + } + .col-lg-9 { + flex: 0 0 75%; + width: 75%; + } .container { width: 960px; } .col-lg-10 { flex: 0 0 83.333333%; - max-width: 83.333333%; + width: 83.333333%; } .offset-lg-1 { margin-left: 8.333333%; diff --git a/index.php b/index.php index 74f1890..55568dc 100755 --- a/index.php +++ b/index.php @@ -9,13 +9,13 @@