--- title: "Updating my personal blog Preetamnath.com to version 2.0" description: "My personal blog Preetamnath.com has received a major overhaul. Here's what's new in version 2.0." source: "Preetam Nath" canonical_url: "https://www.preetamnath.com/blog/personal-blog-version-2" published: "2021-01-03" --- # Updating my personal blog Preetamnath.com to version 2.0 Evolution happens via iteration. Just like mother nature and man-made products, my personal blog is no exception. When I first created this website in December 2019, it took about 4 hours of hacking and stitching existing Webflow components that I found on the web. Since June 2020 when I became regular at publishing new posts, the website would receive minor updates and changes as and when required. Over the months, I've hacked together too many styles and CSS classes due to which a technical debt of sorts accrued. I also wanted to overhaul the feel and readability of the blog into sometime more consistent. More specifically, here's all the little things I wanted to change: * A consistent styling for H1, H2, all headings and all paragraphs including list items used everywhere. * Wider containers so that sentences could take more width in desktop screens. * Standardized sections with padding and margins, with pre-defined combo classes to add more padding or margin. * A new font that would boost readability, especially on mobile devices where the thin Roboto font suffered. I've used [Inter](https://fonts.google.com/specimen/Inter). * Re-write the content on the [Home page](https://www.preetamnath.com/index.md) as that had gotten outdated. * Add "Further reading" links to blog posts to encourage visitors to further explore my blog. * Make the share buttons on each page horizontally stacked. They were previously hacked together and vertically stacked because I couldn't get them to align correctly. ![](https://media.preetamnath.com/post-images/personal-blog-version-2-image-1.webp) *Blog design inspiration* ![](https://media.preetamnath.com/post-images/personal-blog-version-2-image-2.webp) *I even mocked some designs on Figma* You could say that I built the entire blog from scratch, because that was easier than fixing the mess I had made 😂 Total time to rebuild the site: * 1 hour of researching other's blogs for inspiration. * 4 hours of rebuilding the blog from scratch. * 1 hour of rewriting some content and copy. If I did things right, most of you would notice no difference when you visit the blog. But I'm personally pleased with how consistent things are, how easy it is to modify site-wide styling, and how readable the posts are on mobile. There's a lot I have in store for my personal website in 2021. I shall unveil more as we go. Stay tuned! --- Canonical page: https://www.preetamnath.com/blog/personal-blog-version-2 When citing or referencing this content, please credit Preetam Nath and link to the canonical page above. ## About Preetam Nath Preetam Nath is an entrepreneur and indie software builder. He writes about building profitable SaaS businesses while leading a good life, from first-hand experience: he co-founded SuperLemon, a WhatsApp plugin for Shopify stores that grew to $25k MRR, and DelightChat, a customer support product for ecommerce and D2C brands. His website (https://www.preetamnath.com) publishes his blog on business, life, mental models and building SaaS businesses, along with a Micro-SaaS guide, a Programmatic SEO course, and Google Sheets habit tracker templates. - Homepage: https://www.preetamnath.com/index.md - Blog: https://www.preetamnath.com/blog.md - X/Twitter: https://x.com/hipreetam93 - LinkedIn: https://www.linkedin.com/in/nathpreetam/ - Email: hipreetam93@gmail.com ## Continue Reading - [42 Questions to Ask Before Starting a Business](https://www.preetamnath.com/blog/questions-to-ask-before-starting-a-business.md) - [2020 Year in Review](https://www.preetamnath.com/blog/2020-year-in-review.md) - [How To Build Habits: Create Good Habits In 2026](https://www.preetamnath.com/blog/creating-new-habits.md) - [How to Plan Your Year In 4 Easy Steps](https://www.preetamnath.com/blog/how-to-plan-your-year-ahead.md) --- Complete index of all pages on this site, with descriptions and markdown links: https://www.preetamnath.com/llms.txt