fix/remove-static-asset-commit

.gitignore

@@ -70,4 +70,4 @@ yarn-error.log
 .cpanel.yml
 # build 
 public/
-.wordpress-cache
+.wordpress-cache

src/components/layout.css

@@ -595,3 +595,8 @@ pre tt:after {
     font-size: 100%;
   }
 }
+
+h2.wp-block-heading {
+  font-size: 2.25rem !important;
+  line-height: 1.1 !important;
+}

src/components/layout.js

@@ -28,7 +28,7 @@ const Layout = ({ children }) => {
       <div
         style={{
           margin: `0 auto`,
-          maxWidth: 960,
+          maxWidth: 1080,
           padding: `0 1.0875rem 1.45rem`,
         }}
       >

src/styles/global.css

@@ -26,3 +26,11 @@ body {
 .hide-scroll-bar::-webkit-scrollbar {
   display: none;
 }
+
+h2.wp-block-heading{
+  font-size: 2.5rem;
+  line-height: 1.1;
+}
+p{
+  font-size: 1 rem !important;
+}

src/templates/blog-post-archive.js

@@ -38,20 +38,24 @@ const PageTemplate = ({
                 >
                   <article
                     itemScope
-                    className=""
+                    className="flex space-x-5"
                     itemType="http://schema.org/Article"
                   >
-                    <header>
-                      <h2 className="text-red-600 text-2xl">
-                        <Link to={post.uri} itemProp="url">
-                          <span itemProp="headline">{parse(title)}</span>
-                        </Link>
-                      </h2>
-                      <small className="flex justify-right">{post.date}</small>
-                    </header>
-                    <section itemProp="description">
-                      {parse(post.excerpt)}
-                    </section>
+                    <div className="flex flex-col">
+                      <header>
+                        <h2 className="text-red-600 text-4xl">
+                          <Link to={post.uri} itemProp="url">
+                            <span itemProp="headline">{parse(title)}</span>
+                          </Link>
+                        </h2>
+                        <small className="flex justify-right">
+                          {post.date}
+                        </small>
+                      </header>
+                      <section itemProp="description" className="text-lg">
+                        {parse(post.excerpt)}
+                      </section>
+                    </div>
                   </article>
                 </li>
               )

src/templates/blog-post.js

@@ -17,7 +17,7 @@ const BlogPostTemplate = ({ data: { previous, next, post } }) => {
       <div className="min-h-screen pt-10">
         <article
           itemScope
-          className="blog-post bg-white px-20 py-10"
+          className="blog-post bg-white px-5 py-0 md:px-20 md:py-10"
           itemType="http://schema.org/Article"
         >
           <header>
@@ -47,7 +47,7 @@ const BlogPostTemplate = ({ data: { previous, next, post } }) => {
           {!!post.content && (
             <section
               itemProp="articleBody"
-              className="flex flex-wrap space-y-10 text-justify"
+              className="flex flex-wrap space-y-10 text-justify text-md md:text-lg"
             >
               {parse(post.content)}
             </section>