diff --git a/content/roadmaps/100-frontend/content/102-css/readme.md b/content/roadmaps/100-frontend/content/102-css/readme.md
index 57cc064f2..8773e9984 100644
--- a/content/roadmaps/100-frontend/content/102-css/readme.md
+++ b/content/roadmaps/100-frontend/content/102-css/readme.md
@@ -4,6 +4,7 @@ CSS or Cascading Style Sheets is the language used to style the frontend of any
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/css/'>W3Schools — Learn CSS</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://web.dev/learn/css/'>Web.dev by Google — Learn CSS</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/learn/responsive-web-design/'>freeCodeCamp — Responsive Web Design</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://learn.shayhowe.com/html-css/building-your-first-web-page/'>Learn to Code HTML & CSS</BadgeLink>
 <BadgeLink colorScheme='green' badgeText='Course' href='https://www.youtube.com/watch?v=yfoY53QXEnI'>CSS Crash Course For Absolute Beginners</BadgeLink>
diff --git a/content/roadmaps/100-frontend/content/112-modern-css/102-styled-jsx.md b/content/roadmaps/100-frontend/content/112-modern-css/102-styled-jsx.md
index 452a3193f..081d031c9 100644
--- a/content/roadmaps/100-frontend/content/112-modern-css/102-styled-jsx.md
+++ b/content/roadmaps/100-frontend/content/112-modern-css/102-styled-jsx.md
@@ -1 +1,8 @@
-# Styled jsx
\ No newline at end of file
+# Styled JSX
+
+Styled JSX is a CSS-in-JS library that allows you to write encapsulated and scoped CSS to style your components. The styles you introduce for one component won't affect other components, allowing you to add, change and delete styles without worrying about unintended side effects.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://github.com/vercel/styled-jsx'>Getting started</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=SM5uVbfgfdo'>Styled JSX in Next.js: Master Next.js</BadgeLink>
diff --git a/content/roadmaps/100-frontend/content/117-progressive-web-apps/readme.md b/content/roadmaps/100-frontend/content/117-progressive-web-apps/readme.md
index fb128cd3c..765c0cf4f 100644
--- a/content/roadmaps/100-frontend/content/117-progressive-web-apps/readme.md
+++ b/content/roadmaps/100-frontend/content/117-progressive-web-apps/readme.md
@@ -4,4 +4,5 @@ Progressive Web Apps (PWAs) are websites that are progressively enhanced to func
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.freecodecamp.org/news/what-are-progressive-web-apps/'>Progressive Web Apps for Beginners</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://web.dev/learn/pwa/'>Learn PWA</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=sFsRylCQblw'>Build a Progressive Web App</BadgeLink>