diff --git a/website/source/assets/stylesheets/consul-connect/components/_logo-grid.scss b/website/source/assets/stylesheets/consul-connect/components/_logo-grid.scss index 67ce2cba1a..5626e03e8b 100644 --- a/website/source/assets/stylesheets/consul-connect/components/_logo-grid.scss +++ b/website/source/assets/stylesheets/consul-connect/components/_logo-grid.scss @@ -8,6 +8,14 @@ & > div { padding: 25px $site-gutter-padding; - width: 33%; + width: 50%; + + @media (min-width: 768px) { + width: 33%; + } + } + + img { + max-width: 100%; } } diff --git a/website/source/assets/stylesheets/consul-connect/components/_section.scss b/website/source/assets/stylesheets/consul-connect/components/_section.scss index d3a04c69cf..9d6a790c88 100644 --- a/website/source/assets/stylesheets/consul-connect/components/_section.scss +++ b/website/source/assets/stylesheets/consul-connect/components/_section.scss @@ -19,11 +19,15 @@ border-top: 1px solid #e5e6eb; } - & .intro { - margin: 0 auto 64px; + & .intro { + margin: 0 auto 24px; max-width: 784px; text-align: center; + @media (min-width: 767px) { + margin-bottom: 64px; + } + & h2, & h3 { margin: 0 0 24px; diff --git a/website/source/index.html.erb b/website/source/index.html.erb index d04b52eac3..b8525856f3 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -27,7 +27,7 @@ description: |-