breathe

478 breathing practice https://anandvip.github.io/breathe/

all patterns: https://anandvip.github.io/breathe/patterns/

nextlevel

https://anandvip.github.io/breathe/levelup/

========================== Project Comments / Metadata

1. Date created / updated / revisited / improved again:

   • Created: 2025-09-13 (Asia/Singapore)
   • Last updated: 2025-09-13

2. Tool name:

   • OpenAI ChatGPT (GPT-5 Thinking)

3. Prompt used to generate the code:

   • "convert this to a webpage use css grid for table layout , this is a responsive page and i want each distinct pattern table row block to have distinct border color so it is easy to make out on mobile screen."

4. README.md (purpose & notes):

   Breath Patterns – Comparison Grid

   A single‑file, responsive webpage that presents four breath patterns from a transcript as grid‑structured cards. Each row uses a distinct border color to improve legibility and separation on mobile devices. Built with pure HTML/CSS (no JS dependencies). Uses CSS Grid for both the outer table and inner label/value layout.

   Customize

   • Add more patterns by duplicating an <article class="row ..."> block and assigning a new --row-clr via class.
   • Tweak spacing with --grid-gap, radius with --radius, and backdrop via --bg.

   License

   • Intended for personal documentation/educational display within the Vipul project.