Fixed section landing position on navigation #154 (#436)

* Fixed alignment issue in tables under education(#233)

* Fixed section landing position on navigation

Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>

6 files changed, 36 insertions, 0 deletions

diff --git a/static/css/sections/accomplishments.css b/static/css/sections/accomplishments.css
index 56eb614..57d14e9 100644
--- a/static/css/sections/accomplishments.css
+++ b/static/css/sections/accomplishments.css
@@ -1,3 +1,9 @@
+.accomplishments-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 .accomplishments-section .card {
   background: #fff;
   border-top: 2px solid #248aaa;
diff --git a/static/css/sections/achievements.css b/static/css/sections/achievements.css
index d403400..1ae7147 100644
--- a/static/css/sections/achievements.css
+++ b/static/css/sections/achievements.css
@@ -2,6 +2,12 @@
   padding-top: 0.5rem;
 }
 
+.achievements-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 #gallery .achievement-entry {
   cursor: pointer;
   margin-top: 5px;
diff --git a/static/css/sections/education.css b/static/css/sections/education.css
index 201c039..7e78496 100644
--- a/static/css/sections/education.css
+++ b/static/css/sections/education.css
@@ -19,6 +19,12 @@
   text-align: right;
 }
 
+.education-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 .education-section .icon {
   width: 2rem;
   padding-left: 0;
diff --git a/static/css/sections/experiences.css b/static/css/sections/experiences.css
index 43b2e32..e668e4b 100644
--- a/static/css/sections/experiences.css
+++ b/static/css/sections/experiences.css
@@ -6,6 +6,12 @@
   margin-top: 1.5rem !important;
 }
 
+.experiences-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 .experiences-section ul {
   padding-left: 1rem;
 }
diff --git a/static/css/sections/recent-posts.css b/static/css/sections/recent-posts.css
index bd6faed..0451952 100644
--- a/static/css/sections/recent-posts.css
+++ b/static/css/sections/recent-posts.css
@@ -2,6 +2,12 @@
   padding-top: 1rem;
 }
 
+.recent-posts-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 .recent-posts-section .card .card-footer span {
   font-size: 10pt;
   color: #6c757d !important;
diff --git a/static/css/sections/skills.css b/static/css/sections/skills.css
index ea692ad..3fdc05f 100644
--- a/static/css/sections/skills.css
+++ b/static/css/sections/skills.css
@@ -8,6 +8,12 @@
   border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
 }
 
+.skills-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
 .skills-section .skill-card-link {
   text-decoration: none;
 }