diff --git a/site/assets/_custom.scss b/site/assets/_custom.scss index 913d389243..6a38229835 100644 --- a/site/assets/_custom.scss +++ b/site/assets/_custom.scss @@ -1,8 +1,43 @@ -img[src$="#floatright"] { - float: right; +img[src$="#bgright"] { + position: absolute; + right: 0px; + top: 160px; + z-index: -1; } #code { text-align: center; line-height: 200px; } + +@media (max-width: 770px) { + img[src$="#bgright"] { + position: absolute; + right: 0px; + top: 220px; + z-index: -1; + } +} + +@media (max-width: 420px) { + img[src$="#bgright"] { + position: absolute; + right: 0px; + top: 280px; + z-index: -1; + } +} + +@media (max-width: 320px) { + img[src$="#bgright"] { + position: absolute; + right: 0px; + top: 340px; + z-index: -1; + } + #code { + text-align: center; + font-size: 20px; + line-height: 200px; + } +} diff --git a/site/content/_index.md b/site/content/_index.md index 863cb4827a..9e049381e2 100644 --- a/site/content/_index.md +++ b/site/content/_index.md @@ -9,7 +9,7 @@ type: docs `eksctl` is a simple CLI tool for creating clusters on EKS - Amazon's new managed Kubernetes service for EC2. It is written in Go, uses CloudFormation, and is maintained by [Weaveworks](https://www.weave.works/). Create a basic cluster in minutes with just one command : -![eksctl gopher](introduction/images/eksctl-gopher.png#floatright) +![eksctl gopher](introduction/images/eksctl-gopher.png#bgright)

**`eksctl create cluster`**