From 40ce5b1e6f51df2bf16090dde8c3c1583d46f6ef Mon Sep 17 00:00:00 2001
From: Stef Coetzee <stefcoetzee@protonmail.com>
Date: Sat, 17 Jul 2021 15:52:56 +0200
Subject: [PATCH] Add breakpoint behaviour and change site title

---
 _config.yml | 5 ++++-
 index.html  | 8 ++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/_config.yml b/_config.yml
index a007b7c..7d059ed 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,10 +1,13 @@
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
 baseurl: "" # the subpath of your site, e.g. /blog
-title: "Jekyll with a Tailwind" # the name of your site, e.g. ACME Corp.
+title: "Jekyll with Tailwind" # the name of your site, e.g. ACME Corp.
 
 plugins:
   - jekyll-postcss
 
+sass:
+  sourcemap: never
+
 exclude:
   - .gitignore
   - bin
diff --git a/index.html b/index.html
index 7c2fd10..d4e4023 100644
--- a/index.html
+++ b/index.html
@@ -4,18 +4,18 @@ title: "It's alive!"
 ---
 
 <div class="h-screen flex items-center justify-center">
-  <div class="w-1/3 text-gray-700">
+  <div class="w-5/6 sm:px-0 sm:w-2/3 md:w-1/2 2xl:w-1/3 text-gray-700">
     <div class="flex justify-start">
-      <div class="text-5xl pr-2 font-bold font-serif">
+      <div class="font-serif font-extrabold md:font-bold text-2xl sm:text-5xl xl:text-7xl pr-1 sm:pr-2 xl:pr-3">
       ‘‘
       </div>
-      <div class="text-4xl font-medium">
+      <div class="text-xl sm:text-2xl xl:text-4xl md:font-medium">
         What gets us into trouble is not what we don't know.
         It's what we know for sure that just ain't so.
       </div>
     </div>
     <div class="flex justify-end">
-      <span class="text-3xl font-serif italic">
+      <span class="font-serif italic text-lg sm:text-xl xl:text-3xl md:pt-2">
         — Mark Twain
       </span>
     </div>