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

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

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Releated

What’s the Difference Between a 301 and 302 Redirect?

Do you want to change your URL or domain name? Before you do make sure you know what a 301 redirect and a 302 redirect is. A 301 redirect tells Google you changed URLs or domain names. By using a 301 redirect you are telling Google that you permanently moved. In other words, the URL […]