updated grid

danaducharme · Apr 28, 2021 · 7273f67 · 7273f67
1 parent 3c75897
commit 7273f67
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 36 deletions.
diff --git a/_layouts/about-me.html b/_layouts/about-me.html
@@ -1,9 +1,9 @@
 ---
 layout: default
 ---
-
-<div class="row ">
-  <div class="col-lg-4 offset-md-1">
+<div class="col-lg-12 offset-md-2">
+<div class="row">
+  <div class="col-lg-4 ">
     <div class="card" id="profile-card">
       <a href="/">
         <img src="{{site.url}}{{site.baseurl}}/assets/img/{{ site.author_logo }}" class="profile-img" />
@@ -187,3 +187,4 @@ <h6 class="experience-info">{{detail.college_name}}</h6>
     {% endif %}
   </div>
 </div>
+</div>
diff --git a/_layouts/blog.html b/_layouts/blog.html
@@ -1,9 +1,9 @@
 ---
 layout: default
 ---
-
- <div class="row" id="blog-posts-container">
-      <div class="col-lg-8 offset-md-1">
+<div class="col-lg-12">
+ <div class="row justify-content-center">
+      <div class="col-lg-6">
               <ul>
                   <div class="row">
                       {% for post in paginator.posts %}
@@ -62,4 +62,4 @@ <h6 class="card-subtitle mb-2 text-muted">{{ post.date | date: "%b %-d, %Y" }}</
     {%- include blog_sidebar.html -%}
 
  </div>
-
+</div>
diff --git a/_layouts/contact.html b/_layouts/contact.html
@@ -1,15 +1,17 @@
 ---
 layout: default
 ---
-
-
-<div class="row">
-    <div class="col-lg-6 offset-md-3">
-        <div class="card">
+</div>
+<div class="container">
+    <div class="row d-flex justify-content-center">
+        <div class="col-10 m10">
+            <div class="card">
                 <h1 class="card-title"> Contact Me </h1>
-                 {%- include contact_me_form.html -%}
-             </div>
+                {%- include contact_me_form.html -%}
+            </div>
+        </div>
     </div>
 </div>
 
 
+
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -7,7 +7,7 @@
 {%- include head.html -%}
 <body>
         {%- include header.html -%}
-        <div class="col-lg-12">
+        <div class="container-fluid">
             {{ content }}
         </div>
          <div class="col-lg-12" id="newsletter_footer">

diff --git a/_layouts/gallery.html b/_layouts/gallery.html
@@ -1,13 +1,14 @@
 ---
 layout: default
 ---
-
-<div class="row" id="blog-posts-container">
-        <div class="col-lg-11 offset-md-1">
-                <div class="card">
-                        <h1 class="card-title"> Gallery </h1>
-                          {{content}}
+</div>
+<div class="container">
+        <div class="row d-flex justify-content-center">
+                <div class="col-10 m10">
+                        <div class="card">
+                                <h1 class="card-title"> Gallery </h1>
+                                {{content}}
+                        </div>
                 </div>
         </div>
 </div>
-
diff --git a/_sass/devlopr.scss b/_sass/devlopr.scss
@@ -151,6 +151,10 @@ pre {
     color: #d4d4d4 !important;
 }
 
+.m10{
+    margin:10px;
+}
+
 blockquote {
     margin: 2rem 1rem 1rem;
     padding: 3px;
@@ -615,9 +619,9 @@ header {
     padding-left: 50px !important;
 }
 
-#blog-posts-container{
-    margin-left:20px !important;
-}
+// #blog-posts-container{
+//     margin-left:20px !important;
+// }
 
 #article-container{
     display: grid;
@@ -659,17 +663,6 @@ header {
 }
 
 
-@media (min-width: 768px) {
-    .offset-md-1 {
-    margin-left: 3.333333% !important;
-    }
-    // #topNav{
-    //     padding-left: 100px;
-    //     padding-right: 100px;
-    //     background-color: var(--nav-color) !important;
-    // }
-}
-
 #profile-card {
     text-align: center;
     #author-img{