info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-02-24 11:33:09 +01:00
Code Issues Releases Wiki Activity

Add responsive web design content

Browse Source
This commit is contained in:
Kamran Ahmed 2021-12-10 19:45:36 +01:00
parent facca9160b
commit 03d58eefa5
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
content/roadmaps/100-frontend/content/102-css/102-responsive-design-and-media-queries.md
View File

@ -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>

2
pages/thanks.tsx
View File

@ -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}