scnc
/
qiskit.org
mirror of https://github.com/Qiskit/qiskit.org.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixing mobile view

This commit is contained in:
Fran Cabrera 2017-09-12 13:38:36 +01:00
parent 1450a3aed1
commit b00dc6d8d1
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/style.css
View File

@ -15,15 +15,27 @@ ibm-q-button {
margin-top: 70px;
}
@media (max-width: 767px) {
.qiskit-title {
margin-top: 10px;
}
}
.qiskit-title p {
font-size: 1.8em;
font-weight: 100;
}
.qiskit-top-banner {
padding: 80px 20px;
padding: 80px 20px 60px 20px;
}
@media (max-width: 767px) {
.qiskit-top-banner {
padding-top: 60px;
}
}
.qiskit-bottom-banner {
padding: 40px 20px;
background-color: #ffffff;

6
index.html
View File

@ -21,11 +21,11 @@
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="container-fuid qiskit-top-banner">
<div class="row">
<div class="col-5 text-right">
<div class="col-md-5 text-center text-md-right text-lg-right">
<img src="img/qiskit-logo.gif" alt="QISKit Logo" width="256px" height="256px">
</div>
<div class="col-7">
<div class="qiskit-title">
<div class="col-md-7">
<div class="qiskit-title text-center text-md-left text-lg-left">
<h1 class="">QISKit</h1>
<p>Quantum Information Software Kit</p>
</div>