Build Amazing Layouts with HTML5, CSS3, and Bootstrap 4

Summary

Explore creating responsive web layouts by converting mockups into structured HTML pages. Understand the use of semantic tags, CSS calc() for sizing, DRY CSS techniques, and media queries to adapt layouts across devices.

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