Build Amazing Layouts with HTML5, CSS3, and Bootstrap 4

Summary

Explore foundational concepts of CSS Grid and flexbox to create responsive web layouts. Understand why flexbox is one-dimensional and how CSS Grid offers two-dimensional control, setting you up for advanced layout designs.

We'll cover the following...

1.Introduction

2.Whitespace, HTML Elements, and CSS Selectors

3.CSS Display Property

4.The Box Model

5.CSS Positioning

6.Images and Floats in CSS

7.CSS Selectors and CSS Targeting Revisited

8.Building the First Layout

9.Converting Our First Layout Into a Responsive One

10.CSS Resets and Emmets

11.Column-Based CSS Layouts

12.An Overview of Popular CSS Frameworks

13.Micro CSS Framework

14.CSS Transitions, Animations, and Transforms

15.Introducing the CSS Grid

16.CSS Tips and Tricks for Beginners

17.Wrapping Up

Project

Summary