Shaping Twitter column

_layouts/index.html

@@ -6,7 +6,7 @@ layout: default
 
     <div id="left-column"></div>
 
-    <div>
+    <div class="narrower-article-div">
         <header>
             <h1>
                 {{ page.title | escape }}

_sass/elixir/_layout.scss

@@ -5,10 +5,10 @@
   margin-bottom: 37px;
 
   #site-header-wrapper {
-    @media only screen and (min-width: 1000px) {
+    @media only screen and (min-width: 1025px) {
       padding-left: $PADDING_PAGE_LEFT;
     }
-    @media only screen and (max-width: 1000px) {
+    @media only screen and (max-width: 1025px) {
       padding-left: 5px;
       ul {
         padding-inline-start: 5px;
@@ -34,7 +34,7 @@
         display: none;
       }
 
-      @media only screen and (max-width: 1000px) {
+      @media only screen and (max-width: 1025px) {
         width: 50px;
         height: 50px;
         border: solid 2px #e6e6e6;
@@ -98,7 +98,7 @@
         a {
           display: block;
           white-space: nowrap;
-          @media only screen and (max-width: 1000px) {
+          @media only screen and (max-width: 1025px) {
             padding: 12px 16px;
           }
           padding: 5px 16px;
@@ -154,14 +154,14 @@
       }
     }
 
-    @media only screen and (min-width: 1000px) {
+    @media only screen and (min-width: 1025px) {
       padding-left: $PADDING_PAGE_LEFT;
       width: $WIDTH_CONTENT;
       flex-direction: row;
       min-width: 400px;
     }
 
-    @media only screen and (max-width: 1000px) {
+    @media only screen and (max-width: 1025px) {
       padding-left: 4%;
       padding-right: 4%;
       width: 92%;
@@ -181,6 +181,15 @@
     margin: 0;
     display: flex;
 
+    div.narrower-article-div {
+      @media only screen and (min-width: 1500px) {
+        width: 70%;
+      }
+      @media only screen and (max-width: 1500px) {
+        width: 90%;
+      }
+    }
+
     img.fit-width {
       display: -webkit-box;
       width: -webkit-fill-available;

elixir-theme.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "elixir-theme"
-  spec.version       = "0.4.2"
+  spec.version       = "0.4.3"
   spec.authors       = ["jacek.lebioda"]
   spec.email         = ["jacek.lebioda@uni.lu"]