mirror of
https://gitlab.com/redline-racing-division/redline-racing-website.git
synced 2025-06-15 22:56:44 +00:00
site looks better on smaller screens now
This commit is contained in:
parent
840f0470dc
commit
8665f38765
@ -16,3 +16,15 @@ body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header div img {
|
||||
max-height: 50vh;
|
||||
margin-bottom: 5vh;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.p-5 {
|
||||
padding: 3rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
13
index.html
13
index.html
@ -86,17 +86,17 @@
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<header class="masthead text-center" style="height: 100vh;">
|
||||
<header class="text-center">
|
||||
<div class="container">
|
||||
<img
|
||||
src="img/RRDLogoTrans.png"
|
||||
class="img-fluid"
|
||||
style="max-height: 50vh; margin-bottom: 5vh;"
|
||||
style=""
|
||||
alt="Redline Racing
|
||||
Division Logo"
|
||||
/>
|
||||
</div>
|
||||
<a href="#scroll"
|
||||
<a class="scroll" href="#scroll"
|
||||
><img src="img/chevrons-down.svg" style="width: 5%; height: 10vh;"
|
||||
/></a>
|
||||
|
||||
@ -112,8 +112,7 @@
|
||||
</div>
|
||||
</div> -->
|
||||
</header>
|
||||
|
||||
<section style="padding: 5em;">
|
||||
<section>
|
||||
<section id="scroll">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
@ -142,7 +141,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr />
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
@ -171,7 +170,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr />
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
|
Loading…
x
Reference in New Issue
Block a user