align the top haskell logo and "GHCUP" text correctly

This commit is contained in:
Arjun Kathuria 2021-10-12 14:24:41 +05:30 committed by Julian Ospald
parent 237ed173ee
commit 6b0c915077
Signed by: hasufell
GPG Key ID: 3786C5262ECB4A3F
2 changed files with 21 additions and 1 deletions

View File

@ -22,6 +22,23 @@ h4 {
padding-top:10px;
}
.index-ghcup-hero {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.index-ghcup-hero img {
width: 10%;
min-width: 110px;
max-width: 120px;
border: none;
margin: 0;
}
.index-ghcup-hero h1 {
}
div.col-md-9 h1:first-of-type {
text-align: center;

View File

@ -8,7 +8,10 @@ hide:
<script src="javascripts/extra.js"></script>
# ![](./haskell_logo.png){: .main-logo style="width:100px"} GHCup
<section class="index-ghcup-hero">
<img alt="haskell logo" src="./haskell_logo.png" />
<h1>GHCup</h1>
</section>
<p class="ghcup-intro">GHCup is an installer for the general purpose language <a href="https://www.haskell.org">Haskell</a>.</p>