Merge pull request #158 from Sanchitbajaj02/issue-136

fix: heading alignment and responsiveness
Fixes #136

git-in-here.yml

@@ -498,6 +498,10 @@ contributors:
   question: *Q3
   response: >-
     Start with projects you're passionate about and begin with small, well-documented contributions to ease your entry into the open source community.
-    
+
+- username: Sanchitbajaj02
+  question: *Q4
+  response: >-
+    I am currently developing an open-source project called 'Palettegram.' The idea for this project originated a few months ago when I was working on a client's project. I had to design a website based on the client's unique needs, which sometimes didn't align with standard design practices. During that project, I felt the need for a platform where design professionals could review my work, and I could draw inspiration from other designers. I realized that such a platform would be immensely valuable.     
     
 # Leave a blank line at the end of the file :)

web/src/components/ExternalResources.astro

@@ -43,7 +43,7 @@ const getHostname = (url) => {
 
 
   h2 {
-    @apply mx-auto max-w-screen-xl m-3 mt-12;
+    @apply mx-auto max-w-screen-xl m-3 mt-12 text-xl md:text-4xl;
   }
 
   .resource-wrapper {

web/src/components/GuideList.astro

@@ -28,7 +28,7 @@ const { guides, title } = Astro.props;
 
 <style lang="scss">
 h2 {
-  @apply mx-auto max-w-screen-xl m-3;
+  @apply mx-auto max-w-screen-xl m-4 pl-4 text-xl md:text-4xl;
 }
 .guides-wrapper {
   @apply

web/src/pages/roadmap/index.astro

@@ -37,6 +37,9 @@ const mermaidCode = await getMermaidCode();
 </BaseLayout>
 
 <style lang="scss">
+  h2 {
+    @apply mb-6 mt-4 text-xl md:text-4xl;
+  }
   section {
     max-width: 90vw;
     margin: 0 auto;