gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects 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 02826f10d3
commit 38a83316b1
2 changed files with 10 additions and 1 deletions
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'> <Box mt='40px'>
<Heading mb='15px' fontSize='25px' as='h2'>Monthly Sponsors</Heading> <Heading mb='15px' fontSize='25px' as='h2'>Monthly Sponsors</Heading>
<UnorderedList> <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} <ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}
href='https://github.com/idjevm'>Josue V</Link></ListItem> href='https://github.com/idjevm'>Josue V</Link></ListItem>
<ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500} <ListItem mb='5px'><Link color='blue.500' target='_blank' fontWeight={500}