Web Development Tutorials For Beginners - Responsive Design Tutorial - Tips for making web sites look great on any device

Launch Your Web Development Journey: Master HTML, CSS, JavaScript, and GitHub with LearnCode.academy's Expert-Led Tutorials!

4.0 (2)

24 learners

What you'll learn

Create and style web pages using HTML and CSS fundamentals

Build responsive websites for optimal display on multiple devices

Implement interactive features using JavaScript and jQuery

Manage version control and collaboration with GitHub basics

This course includes

5.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

responsive responsive design css responsive css responsive website mobile first web responsive html responsive html responsive web design web design tutorial

Full Transcript

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. -~-~~-~~~-~~-~- Also watch: "Tailwind CSS - why CSS utility classes save so much time" https://www.youtube.com/watch?v=oU5ar0dmQEY -~-~~-~~~-~~-~-