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

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

What you’ll learn

Learn Flexbox & CSS Grid to create amazing / responsive web layouts

CSS Grid & Flexbox are the present and the future for web layouts, you will master them in this course

You will also learn how to implement SASS, Gulp, JavaScript ES6 and other tools in your Designs

We’re building several examples, each is going to be different so you can master this tools 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


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! Who this course is for:

  • Web Designers & Developers that want to learn CSS Grid & Flexbox to create modern web layouts
  • Any web developer with experience with any framework such as bootstrap or Foundation can take this course


part 1

part 2

part 3

part 4

One comment on “CSS Grid & Flexbox – The Ultimate Course Build +10 Projects

Leave a Reply

Your email address will not be published. Required fields are marked *