Anson/Redline-Racing-Website
1
0
Fork 0
mirror of https://gitlab.com/redline-racing-division/redline-racing-website.git synced 2025-06-15 22:56:44 +00:00
Code Releases Activity

site looks better on smaller screens now

Browse Source
This commit is contained in:
Anson 2020-07-22 19:42:27 -07:00
parent 840f0470dc
commit 8665f38765
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/custom.css
View File

@ -16,3 +16,15 @@ body {
margin: 0; margin: 0;
padding: 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
View File

@ -86,17 +86,17 @@
</div> </div>
</div> </div>
</nav> </nav>
<header class="masthead text-center" style="height: 100vh;"> <header class="text-center">
<div class="container"> <div class="container">
<img <img
src="img/RRDLogoTrans.png" src="img/RRDLogoTrans.png"
class="img-fluid" class="img-fluid"
style="max-height: 50vh; margin-bottom: 5vh;" style=""
alt="Redline Racing alt="Redline Racing
Division Logo" Division Logo"
/> />
</div> </div>
<a href="#scroll" <a class="scroll" href="#scroll"
><img src="img/chevrons-down.svg" style="width: 5%; height: 10vh;" ><img src="img/chevrons-down.svg" style="width: 5%; height: 10vh;"
/></a> /></a>
@ -112,8 +112,7 @@
</div> </div>
</div> --> </div> -->
</header> </header>
<section>
<section style="padding: 5em;">
<section id="scroll"> <section id="scroll">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
@ -142,7 +141,7 @@
</div> </div>
</div> </div>
</section> </section>
<hr />
<section> <section>
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
@ -171,7 +170,7 @@
</div> </div>
</div> </div>
</section> </section>
<hr />
<section> <section>
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">