Booking options
£25
£25
On-Demand course
58 minutes
All levels
Create your very own responsive web page that works well on any device and intensify your web development skills by understanding the dynamics of CSS with the CSS - Responsive Design Masterclass course. When it comes to using and knowing how the browser interprets CSS, even the most seasoned developer will have something new to learn.
The practice of developing versatile websites that can adapt to different screen sizes, orientations, and resolutions is known as responsive web design. Ensure that your websites are decipherable and visually pleasing on a variety of devices. With this comprehensive course, learn how to use CSS to make your web pages look better on any device they're accessed on. Throughout these classes, you'll understand and recognise what makes a website responsive, as well as how some common responsive design patterns function on various devices. Following that, you'll learn how to use the viewport tag and CSS media queries to build your responsive layout. You'll play with major and minor breakpoints along with text optimization for reading as you go.
Enrol now to receive the best training available on CSS Responsive design!
Unit 01: Introduction to Responsive Design | |||
▶ | Module 01: Why Responsive Design? | 🕐 00:05:00 | |
▶ | Module 02: What is Responsive Design? | 🕐 00:03:00 | |
▶ | Module 03: LET'S RAP ABOUT BOOTSTRAP | 🕐 00:02:00 | |
▶ | Module 04: Previewing the Demo Application | 🕐 00:03:00 | |
Unit 02: Application Setup and Workflow | |||
▶ | Module 01: Setting Up the Demo Project | 🕐 00:04:00 | |
▶ | Module 02: Responsive Design Workflow | 🕐 00:04:00 | |
▶ | Module 03: DEMO: Adding Regular CSS Styles (Part I) | 🕐 00:10:00 | |
▶ | Module 04: DEMO: Adding Regular CSS Styles (Part II) | 🕐 00:07:00 | |
Unit 03: Adding Responsive Styles | |||
▶ | Module 01: What are CSS Breakpoints? | 🕐 00:01:00 | |
▶ | Module 02: Demo - Adding CSS Breakpoints | 🕐 00:04:00 | |
▶ | Module 03: Demo - Making Navigation Responsive | 🕐 00:05:00 | |
▶ | Module 04: Demo - Making Layout Responsive | 🕐 00:04:00 | |
▶ | Module 05: Demo - Creating a Responsive Footer | 🕐 00:04:00 | |
▶ | Module 06: Course Summary | 🕐 00:02:00 | |
Resources | |||
Resources - CSS - Responsive Design | 🕐 00:00:00 |
Skill Up presents a rigorous online education experience, helping you obtain industry-relevant skills certified by the world’s...