Explore

CSS Grid & Flexbox - The Ultimate Course Build +10 Projects

12 hours on-demand video

$ 12.99

Save Course

Go to Course

Brief Introduction

Create Modern Web Layouts w/ CSS Grid & Flexbox While Building +10 Real World Projects - SASS & CSS Transitions Included

Description

CSS Grid & Flexbox are the Present & Future for Web Layouts

in this course you're going to learn both tecnologies, and we're building several examples including a AirBNB Clone, Udemy & Netflix Login Page, plus several other projects (the video is enabled to watch for free where you can view all the projects)

We will start with flexbox, a great technology for building one-dimensional layouts, with Flexbox you can create responsive websites really easily, you're going to learn the basics of flexbox, from flex container, flex direction, flex wrap, flex flow and others.

Then we're going to build some projects with Flexbox so you can understand it's features more easily

Also we're going to integrate some nice Tools with Flexbox, such as SASS, NPM , Gulp and also some Advanced CSS with Transitions and Custom Properties.

Then we're moving into CSS Grid aka GRID or CSS Grid Layout, the most advanced way to create a web layout natively in CSS, with CSS Grid you can create more advanced / responsive layouts with breeze, no frameworks are needed anymore!

We're going to build several examples with CSS Grid, plus a Clone of the Website AirBNB and other projects that you can use for your clients or your personal use!

Requirements

Requirements
If you have written some websites with HTML and CSS and you want to learn Flexbox or Grid this course is for you
If you have experience working with float based layouts and want to learn Grid or Flexbox, this course is for you
We need to install some tools: a Text Editor (VS Code), Chrome and Firefox Developer Edition