Buddy Blog

I'd read plenty about web development, but reading isn't building. I wanted one small thing I could take end to end — something with a real layout, real content, and a reason to care whether it looked right on a phone. A blog was the honest choice: nothing fancy, just words that had to read well everywhere.

The catch was that I didn't yet know the difference between code that works and code the next person can follow. So the real problem wasn't "make a blog" — it was learning to structure HTML, CSS, and JavaScript so the thing stayed sane as it grew.

I built it from scratch with plain HTML, CSS, and JavaScript — no framework to hide behind. That was deliberate: I wanted to feel the box model, the cascade, and the DOM directly before reaching for anything that abstracts them away.

I kept the layout simple and reader-first, then made it responsive so a post looked as good on a phone as on a laptop. Every time something felt hacky, I stopped and rewrote it cleaner — that habit stuck with me long after this project.

• A responsive blog layout that holds up from phone to desktop.
• Hand-written HTML/CSS/JS with a clean, reader-first structure.
• A reusable post layout so adding writing didn't mean rewriting markup.

• This is where the web stopped being theory and became something I could actually make.
• It taught me to write markup and styles for the next person, not just for the browser — a habit I still carry.
• Kept on the shelf as the honest starting line: my first real thing shipped to the web.