How To Make CSS Grid Responsive

1 year ago
11

#CSSGrid #MediaQueries #HTML5 #VSCode #WebDevelopment
In this video, we built a 2 column layout with CSS grid and media queries to make it responsive viewports.
Software used
1)Visual studio code
2)Mozilla Firefox

VSCode extensions
1)Live Server
2)HTML5 Snippets

References & Resources
1)https://www.w3schools.com/css/css_grid.asp
2)https://en.wikipedia.org/wiki/Media_queries
3) https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
4)https://www.w3schools.com/tags/tag_meta.asp

Credits
Intro video by Tayon Combs
Video written by Tehillah Kangamba

Music
Theme song: Nato Poppins & Scaasi - #BMore(https://open.spotify.com/album/1X0S9lqJocFWLFO1Ng7u0g)

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/sensho/glow
License code: UMZ1BHOIZM2LMQCA

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/soundroll/poem
License code: MY34QE3QGPMSKELH

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/bosnow/through-the-clouds
License code: GZRWH1MUNT454E4Z

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/soundroll/all-the-things-you-love
License code: NEFAZM4OCGH2JOJ2

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/pryces/lateflights
License code: 82BBPPKZ0SKE11KB

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/all-good-folks/jump-jive
License code: HSL3ZPP6IF6X7DBU

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/fe77a/vacation-collective
License code: CQKN04AMYKMUX7SQ

Loading comments...