accessibility: minor fixes in get-docker page

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This commit is contained in:
Sebastiaan van Stijn 2020-10-14 01:36:29 +02:00
parent 2e892aa22a
commit f9d7f7352a
No known key found for this signature in database
GPG Key ID: 76698F39D527CE8C
3 changed files with 11 additions and 8 deletions

View File

@ -72,7 +72,10 @@ code {
margin: 0 auto;
width: 70px;
}
h3, p {
h2 {
font-size: 22px;
}
h2, h3, p {
margin: 0;
}
}

View File

@ -124,7 +124,7 @@ body.night {
background: $bg-component-night;
img {
opacity: 1;
filter: grayscale(100%);
filter: grayscale(100%) brightness(2);
}
}
.transparent-btn {

View File

@ -25,27 +25,27 @@ section and choose the best installation path for you.
<div class="col-sm-12 col-md-12 col-lg-4 block">
<div class="component">
<div class="component-icon">
<a href="/docker-for-mac/install/"><img src="/images/apple_48.svg" alt="Docker Desktop for Mac"></a>
<a href="/docker-for-mac/install/"><img src="/images/apple_48.svg" alt="Docker Desktop for Mac" width="70" height="70"></a>
</div>
<h3 id="docker-for-mac"><a href="/docker-for-mac/install/">Docker Desktop for Mac</a></h3>
<h2 id="docker-for-mac"><a href="/docker-for-mac/install/">Docker Desktop for Mac</a></h2>
<p>A native application using the macOS sandbox security model which delivers all Docker tools to your Mac.</p>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4 block">
<div class="component">
<div class="component-icon">
<a href="/docker-for-windows/install/"><img src="/images/windows_48.svg" alt="Docker Desktop for Windows"></a>
<a href="/docker-for-windows/install/"><img src="/images/windows_48.svg" alt="Docker Desktop for Windows" width="70" height="70"></a>
</div>
<h3 id="docker-for-windows/install/"><a href="/docker-for-windows/install/">Docker Desktop for Windows</a></h3>
<h2 id="docker-for-windows/install/"><a href="/docker-for-windows/install/">Docker Desktop for Windows</a></h2>
<p>A native Windows application which delivers all Docker tools to your Windows computer.</p>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4 block">
<div class="component">
<div class="component-icon">
<a href="/engine/install/"><img src="/images/linux_48.svg" alt="Docker for Linux"></a>
<a href="/engine/install/"><img src="/images/linux_48.svg" alt="Docker for Linux" width="70" height="70"></a>
</div>
<h3 id="docker-for-linux"><a href="/engine/install/">Docker for Linux</a></h3>
<h2 id="docker-for-linux"><a href="/engine/install/">Docker for Linux</a></h2>
<p>Install Docker on a computer which already has a Linux distribution installed.</p>
</div>
</div>