diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index d2f7688faa..fa9c09729d 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -12,13 +12,16 @@ and fill in all required details. That's it!
 
 
 # Installation and environment setup 
-1.Create new environment   <br/>
+1. Create new environment   <br/>
 <code> conda create --name ecosystem python=3.9  </code> <br/> 
 2. Activate the environment  <br/>
 <code> conda activate ecosystem  </code> <br/> 
 3. install dependencies  <br/>
 <code>
 pip install -r requirements.txt
+</code>
+<br>
+<code>
 pip install -r requirements-dev.txt
 </code> 
 
@@ -27,7 +30,7 @@ pip install -r requirements-dev.txt
 1. To run tests against the stable version of qiskit  <br/>
 <code> python manager.py tests python_stable_tests <url_of_the github_repository> --python_version=py39 --run_name="stable"</code>
 2. To run tests against the dev version of qiskit  <br/>
-<code> python manager.py  tests python_dev_tests  <url_of_the github_repository> --python_version=py39 --run_name="dev"</code>
+<code> python manager.py tests python_dev_tests  <url_of_the github_repository> --python_version=py39 --run_name="dev"</code>
 3. To run tests within repository  <br/>
 <code> python manager.py tests python_standard_tests <url_of_the github_repository> --python_version=py39 --run_name="standard"</code>
 
diff --git a/ecosystem/html_templates/style.css.jinja b/ecosystem/html_templates/style.css.jinja
index 20af4edb1b..9be7242bd0 100644
--- a/ecosystem/html_templates/style.css.jinja
+++ b/ecosystem/html_templates/style.css.jinja
@@ -16,18 +16,18 @@ body {
 }
 
 header {
-  padding: 48px 0px 32px 0px;
+  padding: 3rem 0rem 2rem 0rem;
   background-color: white;
 }
 
 p {
-  font-size: 14px;
+  font-size: 0.875rem;
   color: #525252;
 }
 {% endif %}
 
 .inside-header {
-  padding: 0px 32px 0px 32px;
+  padding: 0rem 2rem 0rem 2rem;
   display: flex;
 }
 
@@ -36,12 +36,12 @@ p {
 }
 
 .header-logo {
-  margin-right: 80px;
+  margin-right: 5rem;
 }
 
 .ecosystem-title {
-  font-size: 60px;
-  line-height: 70px;
+  font-size: 3.75rem;
+  line-height: 4.375rem;
   font-weight: 300;
 }
 
@@ -50,28 +50,28 @@ p {
 }
 
 .content {
-  padding: 48px 32px 48px 32px;
-  margin-bottom: 16px;
+  padding: 3rem 2rem 3rem 2rem;
+  margin-bottom: 1rem;
 }
 
 .cards {
   display: flex;
   flex-wrap: wrap;
-  gap: 16px;
-  margin-top: 24px;
-  margin-bottom: 48px;
+  gap: 1rem;
+  margin-top: 1.5rem;
+  margin-bottom: 3rem;
 }
 
 .card {
   flex: 0 1 20%;
   background-color: white;
-  border-radius: 4px;
+  border-radius: 0.25rem;
 }
 
 cds-tile {
   display: flex;
   flex-flow: column;
-  gap: 16px;
+  gap: 1rem;
   background-color: white;
   padding-left: 0;
   padding-right: 0;
@@ -87,28 +87,28 @@ cds-tag {
 }
 
 .project-title {
-  font-size: 20px;
+  font-size: 1.25rem;
   line-height: 1.25;
   font-weight: normal;
 }
 
 .section {
-  font-size: 20px;
+  font-size: 1.25rem;
   position: relative;
-  left: -20px;
-  margin-bottom: 8px;
+  left: -1.25rem;
+  margin-bottom: 0.5rem;
 }
 
 .title-description {
-  margin: 24px 0;
-  width: 400px;
+  margin: 1.5rem 0;
+  width: 25rem;
   color: black;
 }
 
 .links {
   display: flex;
   flex-flow: column wrap;
-  gap: 8px;
+  gap: 0.5rem;
 }
 
 .description {
@@ -117,7 +117,7 @@ cds-tag {
 
 .link svg {
   vertical-align: middle;
-  margin-left: 4px;
+  margin-left: 0.25rem;
 }
 
 .text {
@@ -181,7 +181,7 @@ cds-tag {
     flex: 0 1 28%;
   }
   .header-logo {
-    margin-right: 48px;
+    margin-right: 3rem;
   }
 }