From 38a83316b116614041dc56d1f89c5b2ccf7fe603 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 10 Dec 2021 19:45:36 +0100
Subject: [PATCH] Add responsive web design content

---
 .../102-css/102-responsive-design-and-media-queries.md   | 9 ++++++++-
 pages/thanks.tsx                                         | 2 ++
 2 files changed, 10 insertions(+), 1 deletion(-)

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 2c8eb9fb1..7257aec93 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
@@ -1 +1,8 @@
-# Responsive Design
+# Responsive Web Design
+
+Responsive Web Designing is the technique to make your webpages look good on all screen sizes. There are certain techniques used to achieve that e.g. CSS media queries, percentage widths, min or max widths heights etc.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/css/css_rwd_intro.asp'>Responsive Web Design</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=srvUrASNj0s'>Introduction To Responsive Web Design</BadgeLink>
diff --git a/pages/thanks.tsx b/pages/thanks.tsx
index c72868e75..c8b267fb0 100644
--- a/pages/thanks.tsx
+++ b/pages/thanks.tsx
@@ -84,6 +84,8 @@ export default function Thanks() {
             <Box mt='40px'>
               <Heading mb='15px' fontSize='25px' as='h2'>Monthly Sponsors</Heading>
               <UnorderedList>
+                <ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}
+                                         href='https://github.com/Nenzyz'>Yan Valuyskiy</Link></ListItem>
                 <ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}
                                          href='https://github.com/idjevm'>Josue V</Link></ListItem>
                 <ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}