github-starred/TinyTorch
2
0
Fork 0
mirror of https://github.com/MLSysBook/TinyTorch.git synced 2026-07-16 22:55:41 -05:00
Code Issues 7 Packages Projects Releases Wiki Activity

Fix carousel arrows overlapping GIF - move outside carousel-track

Browse Source 
Changes to HTML:
- Move carousel-nav outside carousel-track container
- Navigation now appears as separate element below the carousel

Changes to CSS:
- Remove absolute positioning (no longer needed)
- Use simple flexbox layout with margin-top: 1rem
- Remove bottom/left/right positioning properties

This fixes the overlap issue where arrows were positioned at the bottom
of the carousel-track, overlapping the GIF content. Arrows now appear
cleanly below the entire carousel as a separate row.
This commit is contained in:
Vijay Janapa Reddi
2025-11-16 23:09:03 -05:00
parent 51464404fc
commit cd5eeb1782
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
site/intro.md
View File

@@ -57,11 +57,11 @@ Build a complete machine learning (ML) framework from tensors to systems—under
<h4>Validate with History</h4>
</div>
</div>
</div>
<div class="carousel-nav">
<button class="nav-arrow prev" onclick="moveCarousel(-1)">←</button>
<button class="nav-arrow next" onclick="moveCarousel(1)">→</button>
</div>
<div class="carousel-nav">
<button class="nav-arrow prev" onclick="moveCarousel(-1)">←</button>
<button class="nav-arrow next" onclick="moveCarousel(1)">→</button>
</div>
</div>
```