Moving into Responsive Design
Duration:
30:54
Created with
Ben Fhala
Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.
Moving into Responsive Design Overview
What you'll learn
Media queries expressions are the key to responsive design. In this chapter you will get to know what is responsive design , how to plan for it and how to work with various media query expressions and features. By the end of this chapter, you will know how to create responsive designs.
What is responsive Design?
By the end of this lecture you will know the differences between them and by the end of this chapter you will have the tools needed to create responsive designs.
04:30
Optimizing for a specific device
In this lecture we will be introduced to the way to work with expressions.
07:52
Creating responsive designs with size ranges
By the end of this lesson, you will know how to work with the min/max prefixes to create responsive designs.
07:42
Mobile responsiveness
By the end of this lesson you will learn about how to optimize mobile responsive design and how to update the orientation of the design based on device orientation.
06:58
Backward compatibility
There is a limit to how far in history we will be able to support our layout but there are some things we can do to extend the support to older browser and that will be our main topic.
03:51