diff --git a/readme.md b/readme.md
index 2c18ce3aa..1110515d7 100644
--- a/readme.md
+++ b/readme.md
@@ -36,6 +36,10 @@ Here is the list of available roadmaps with more being actively worked upon.
 - [Backend Roadmap](https://roadmap.sh/backend) / [Backend Beginner Roadmap](https://roadmap.sh/backend?r=backend-beginner)
 - [DevOps Roadmap](https://roadmap.sh/devops) / [DevOps Beginner Roadmap](https://roadmap.sh/devops?r=devops-beginner)
 - [Full Stack Roadmap](https://roadmap.sh/full-stack)
+- [HTML Roadmap](https://roadmap.sh/html)
+- [CSS Roadmap](https://roadmap.sh/css)
+- [JavaScript Roadmap](https://roadmap.sh/javascript)
+- [TypeScript Roadmap](https://roadmap.sh/typescript)
 - [Git and GitHub](https://roadmap.sh/git-github) / [Git and GitHub Beginner](https://roadmap.sh/git-github?r=git-github-beginner)
 - [API Design Roadmap](https://roadmap.sh/api-design)
 - [Computer Science Roadmap](https://roadmap.sh/computer-science)
@@ -58,9 +62,6 @@ Here is the list of available roadmaps with more being actively worked upon.
 - [Software Architect Roadmap](https://roadmap.sh/software-architect)
 - [Game Developer Roadmap](https://roadmap.sh/game-developer) / [Server Side Game Developer](https://roadmap.sh/server-side-game-developer)
 - [Software Design and Architecture Roadmap](https://roadmap.sh/software-design-architecture)
-- [JavaScript Roadmap](https://roadmap.sh/javascript)
-- [HTML Roadmap](https://roadmap.sh/html)
-- [TypeScript Roadmap](https://roadmap.sh/typescript)
 - [C++ Roadmap](https://roadmap.sh/cpp)
 - [React Roadmap](https://roadmap.sh/react)
 - [Next.js Roadmap](https://roadmap.sh/nextjs)
diff --git a/src/components/Roadmaps/RoadmapsPage.tsx b/src/components/Roadmaps/RoadmapsPage.tsx
index 19a0376a7..ccb088c64 100644
--- a/src/components/Roadmaps/RoadmapsPage.tsx
+++ b/src/components/Roadmaps/RoadmapsPage.tsx
@@ -180,6 +180,12 @@ const groups: GroupType[] = [
         type: 'skill',
         otherGroups: ['Web Development', 'Absolute Beginners'],
       },
+      {
+        title: 'CSS',
+        link: '/css',
+        type: 'skill',
+        otherGroups: ['Web Development', 'Absolute Beginners'],
+      },
       {
         title: 'JavaScript',
         link: '/javascript',
diff --git a/src/pages/get-started.astro b/src/pages/get-started.astro
index 55acad109..b7ba246a2 100644
--- a/src/pages/get-started.astro
+++ b/src/pages/get-started.astro
@@ -209,10 +209,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <RoadmapMultiCard
       roadmaps={[
         { title: 'HTML', link: '/html' },
+        { title: 'CSS', link: '/css' },
         { title: 'JavaScript', link: '/javascript' },
         { title: 'TypeScript', link: '/typescript' },
       ]}
-      description='How about mastering the language of the web: JavaScript? or maybe TypeScript? or maybe HTML?'
+      description='How about mastering the language of the web: JavaScript? or maybe TypeScript? or maybe HTML or CSS?'
       secondaryRoadmaps={[
         {
           title: 'Frontend Performance',