diff --git a/content/roadmaps/100-frontend/content/102-css/102-responsive-design-and-media-queries.md b/content/roadmaps/100-frontend/content/102-css/102-responsive-design-and-media-queries.md
index 7257aec93..80cf49706 100644
--- a/content/roadmaps/100-frontend/content/102-css/102-responsive-design-and-media-queries.md
+++ b/content/roadmaps/100-frontend/content/102-css/102-responsive-design-and-media-queries.md
@@ -5,4 +5,5 @@ Responsive Web Designing is the technique to make your webpages look good on all
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/css/css_rwd_intro.asp'>Responsive Web Design</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://web.dev/learn/design/'>Learn Responsive Design</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=srvUrASNj0s'>Introduction To Responsive Web Design</BadgeLink>