[PR #1294] [MERGED] fix(tinytorch): mobile responsiveness for intro page grids #7251

New Issue

GiteaMirror · 2026-04-24T17:22:09-05:00

GiteaMirror commented

2026-04-24 17:22:09 -05:00

📋 Pull Request Information

Original PR: https://github.com/harvard-edge/cs249r_book/pull/1294
Author: @farhan523
Created: 4/8/2026
Status: ✅ Merged
Merged: 4/9/2026
Merged by: @profvjreddi

Base: dev ← Head: fix/tinytorch-intro-mobile-responsive

📝 Commits (1)

d02afe3 fix(tinytorch): mobile responsiveness for intro page grid sections

📊 Changes

2 files changed (+21 additions, -3 deletions)

View changed files

📝 tinytorch/site/_static/custom.css (+18 -0)
📝 tinytorch/site/intro.md (+3 -3)

📄 Description

Summary

Added comparison-grid class to 3 grid sections on the TinyTorch intro page ("Why Build Instead of Use?", "Learning Path", "Is This For You?") so existing responsive CSS rules apply
Added overflow and min-width: 0 rules for .comparison-grid children to prevent code blocks from breaking out of their containers on mobile
Code blocks inside cards now scroll horizontally instead of overflowing

Test plan

Open tinytorch/site/intro.html on mobile viewport (or DevTools responsive mode)
Verify "Why Build Instead of Use?" cards stack vertically and code blocks don't overflow
Verify "Learning Path" tier cards stack vertically on small screens
Verify "Is This For You?" audience cards stack vertically on small screens
Verify desktop layout is unchanged

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/harvard-edge/cs249r_book/pull/1294 **Author:** [@farhan523](https://github.com/farhan523) **Created:** 4/8/2026 **Status:** ✅ Merged **Merged:** 4/9/2026 **Merged by:** [@profvjreddi](https://github.com/profvjreddi) **Base:** `dev` ← **Head:** `fix/tinytorch-intro-mobile-responsive` --- ### 📝 Commits (1) - [`d02afe3`](https://github.com/harvard-edge/cs249r_book/commit/d02afe3eaddc61cbce114fcc73c78d1e33ba0d54) fix(tinytorch): mobile responsiveness for intro page grid sections ### 📊 Changes **2 files changed** (+21 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `tinytorch/site/_static/custom.css` (+18 -0) 📝 `tinytorch/site/intro.md` (+3 -3) </details> ### 📄 Description ## Summary - Added `comparison-grid` class to 3 grid sections on the TinyTorch intro page ("Why Build Instead of Use?", "Learning Path", "Is This For You?") so existing responsive CSS rules apply - Added overflow and `min-width: 0` rules for `.comparison-grid` children to prevent code blocks from breaking out of their containers on mobile - Code blocks inside cards now scroll horizontally instead of overflowing ## Test plan - [ ] Open tinytorch/site/intro.html on mobile viewport (or DevTools responsive mode) - [ ] Verify "Why Build Instead of Use?" cards stack vertically and code blocks don't overflow - [ ] Verify "Learning Path" tier cards stack vertically on small screens - [ ] Verify "Is This For You?" audience cards stack vertically on small screens - [ ] Verify desktop layout is unchanged --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

GiteaMirror added the pull-request label 2026-04-24 17:22:09 -05:00

GiteaMirror closed this issue

2026-04-24 17:22:11 -05:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/cs249r_book#7251