admin/avrahamsociety
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

parallax, font size is bigger on mobile

Browse Source
This commit is contained in:
Lazy Hippopotamus
2023-06-15 09:36:52 -04:00
parent 64d643267c
commit 73b265997e
7 changed files with 264 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
index.html
View File

@@ -47,31 +47,19 @@
<label for="hambugha">Ham</label>
<div id="links">
<div class="link">
<a href="#">LINK 1</a>
<a href="index.html">HOME</a>
</div>
<div></div>
<div class="link">
<a href="about.html">ABOUT JHEWIT</a>
</div>
<div></div>
<div class="dropdown">
HI
DROPDOWN MENU
</div>
<div>
<div class="dropdown-inner">
<a>TEST</a>
</div>
</div>
<div class="dropdown">
HI
</div>
<div>
<div class="dropdown-inner">
<a>TEST</a>
</div>
</div>
<div class="dropdown">
HI
</div>
<div>
<div class="dropdown-inner">
<a>TEST</a>
<a>DROPDOWN MENU LINK</a>
</div>
</div>
<!--<div>
@@ -137,6 +125,15 @@
</p>
</div>
</div>
<p>
Parallaxing image below. For reasons beyond my control it may look bad (or even not function at all) on iOS devices.
Parallaxes are primarily useful as dividers between paragraphs.
</p>
<div class="parallax" style="background-image: url('https://www.thoughtco.com/thmb/EXpjUAx2ZEgV64eKcsAsX7Ucl6w=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/GettyImages_482194715-56a1329e5f9b58b7d0bcf666.jpg');"></div>
<p>
Generic paragraph element here
</p>
</div>
<div id="footer">
<p>
@@ -146,7 +143,7 @@
This is another part of the footer for more content.
</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Incidunt omnis dolor minus rerum eaque dicta tempora debitis. Aut, ut illo delectus qui debitis, laborum sit in repellat quo sint fugit.
The footer is good for a quick About blurb, social icons, etc.
</p>
</div>
<div id="truebottom">