Subscribe

Responsive Design Tutorial - Tips for making web sites look great on any device

LearnCode.academy

Tue. Feb. 26, 2019 12:00pm

There are a few "gotchas" to responsive design, and once you know them, the rest all makes sense.
Play with the code!!!
https://codepen.io/anon/pen/oVNBEX?editors=1100

View the full course!!!
https://www.youtube.com/watch?v=gQojMIhELvM&list=PLoYCgNOIyGABDU532eesybur5HPBVfC1G

Super helpful links on responsive images:

https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433
https://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.