Uploaded February 2019 | Updated September 2026, 1 week ago

---

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