Lesson 11 of 25 • 4 upvotes • 11:01mins
How to test the Media Queries and Responsive web design with Google Developer tools.
25 lessons • 3h 49m
Introduction to the Course
4:54mins
Frontend Vs Backend
9:26mins
Add Header and Navigation on the Home-Page
10:31mins
Adding a Background-Image to the Home-Page
9:17mins
Different Color Codes in HTML/CSS
9:06mins
Adding Style to the Header
7:10mins
CSS 3 Gradients
10:23mins
Google Web Fonts
7:15mins
Responsive Web-Design: Min-width Vs Max-width.
9:47mins
CSS 3 Media Queries
12:06mins
Test responsive design with Developer Tools.
11:01mins
Adding Video and working with Developer tools.
11:38mins
What are Grids.
8:08mins
Introducing Bootstrap
9:59mins
Adding Bootstrap to the Web-page.
8:03mins
Bootstrap Grid-layout.
12:10mins
Design an Image Gallery with Bootstrap.
12:47mins
Design a Products Gallery using Bootstrap.
10:31mins
Design the Blog layout.
8:08mins
Add Bootstrap Page Header component.
6:09mins
Add Bootstrap Nav Component - Pills
5:58mins
Add Bootstrap nav-stacked in the sidebar.
6:14mins
Use Bootstrap Panels & responsive Embed to create Blog Post.
8:04mins
Media object And Responsive utilities.
8:33mins
Bootstrap jumbotron and Javascript Carousel
11:29mins