diff --git a/.github/ISSUE_TEMPLATE/05-project-contribution.yml b/.github/ISSUE_TEMPLATE/05-project-contribution.yml
new file mode 100644
index 000000000..f0558a716
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/05-project-contribution.yml
@@ -0,0 +1,35 @@
+name: "🙏 ​ ​Submit a Project Idea"
+description: Help us add project ideas to roadmaps.
+labels: [project contribution]
+assignees: []
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to submit a project idea! Please fill out the information below and we'll get back to you as soon as we can.
+  - type: input
+    id: roadmap-title
+    attributes:
+      label: What Roadmap is this project for?
+      placeholder: e.g. Backend Roadmap
+    validations:
+      required: true
+  - type: select
+    id: project-difficulty
+    attributes:
+      label: Project Difficulty
+      options:
+        - Beginner
+        - Intermediate
+        - Advanced
+    validations:
+      required: true
+  - type: textarea
+    id: roadmap-description
+    attributes:
+      label: Add Project Details
+      description: Please write a detailed description of the project in 3rd person e.g. "You are required to build a..."
+      placeholder: |
+          e.g. You are required to build a RESTful API...
+    validations:
+      required: true
diff --git a/contributing.md b/contributing.md
index 84859504e..4c65f1516 100644
--- a/contributing.md
+++ b/contributing.md
@@ -4,6 +4,7 @@ First of all thank you for considering to contribute. Please look at the details
 
 - [New Roadmaps](#new-roadmaps)
 - [Existing Roadmaps](#existing-roadmaps)
+- [Adding Projects](#adding-projects)
 - [Adding Content](#adding-content)
 - [Guidelines](#guidelines)
 
@@ -22,6 +23,10 @@ For the existing roadmaps, please follow the details listed for the nature of co
 
 **Note:** Please note that our goal is <strong>not to have the biggest list of items</strong>. Our goal is to list items or skills most relevant today.
 
+## Adding Projects
+
+If you have a project idea that you think we should add to the roadmap, feel fre to open an issue with as much details about the project as possible and the roadmap you think it should be added to.
+
 ## Adding Content
 
 Find [the content directory inside the relevant roadmap](https://github.com/kamranahmedse/developer-roadmap/tree/master/src/data/roadmaps). Please keep the following guidelines in mind when submitting content:
diff --git a/src/components/Projects/ProjectsList.tsx b/src/components/Projects/ProjectsList.tsx
index 2cc09d7cc..935dab6cf 100644
--- a/src/components/Projects/ProjectsList.tsx
+++ b/src/components/Projects/ProjectsList.tsx
@@ -74,7 +74,7 @@ export function ProjectsList(props: ProjectsListProps) {
   return (
     <div className="flex flex-col">
       <div className="my-2.5 flex items-center justify-between">
-        <div className="flex gap-1">
+        <div className="flex flex-wrap gap-1">
           {projectDifficulties.map((projectDifficulty) => (
             <DifficultyButton
               onClick={() => {
@@ -100,13 +100,13 @@ export function ProjectsList(props: ProjectsListProps) {
         </div>
         <a
           href={''}
-          className="flex items-center gap-2 rounded-md border border-transparent px-2 py-0.5 text-sm underline underline-offset-2 hover:bg-black hover:text-white hover:no-underline"
+          className="hidden items-center gap-2 rounded-md border border-transparent px-2 py-0.5 text-sm underline underline-offset-2 hover:bg-black hover:text-white hover:no-underline sm:flex"
         >
           <HeartHandshake className="h-4 w-4" />
           Submit a Project Idea
         </a>
       </div>
-      <div className="mb-24 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-1.5">
+      <div className="mb-24 grid grid-cols-1 gap-1.5 sm:grid-cols-2 lg:grid-cols-3">
         {matchingProjects.length === 0 && (
           <div className="col-span-3 rounded-md border bg-white p-4 text-left text-sm text-gray-500">
             <p>No matching projects found.</p>