Channel: LearnCode.academy

Category: Howto & Style

Tags: responsive webdesignhow tocssresponsive websiteweb responsivemobile firstweb designresponsive design tutorialwebsite designresponsive cssresponsive web design tutorialresponsiveresponsive designhtmlweb developmenttutorialmedia queryresponsive web designmedia queriesresponsive html

Description: There are a few "gotchas" to responsive design, and once you know them, the rest all makes sense. Play with the code!!! codepen.io/anon/pen/oVNBEX?editors=1100 View the full course!!! youtube.com/watch?v=gQojMIhELvM&list=PLoYCgNOIyGABDU532eesybur5HPBVfC1G Super helpful links on responsive images: medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images Responsive Design makes a website look amazing on any device. Using css media queries, good flexbox/grid layouts, srcset, and html5 picture tags, we can convert our website into a fully responsive site. -~-~~-~~~-~~-~- Also watch: "Tailwind CSS - why CSS utility classes save so much time" youtube.com/watch?v=oU5ar0dmQEY -~-~~-~~~-~~-~-