This course is designed to make you a world class front-end web designer with CSS Grid and Flexbox as your tool. With the skills you will gather from this course, you can proudly create any website layout design from start to finish. It is an assurance because this Flexbox and CSS Grid course is modern, premium, adequately explained and well structured.

What you will learn.

You will be able to work with ALL flexbox properties and ALL Grid properties step by step

You will learn how to create various layout designs with CSS Grid and Flexbox

You will learn how to use the fractional unit (fr) in CSS Grid

You will be able to create responsive grid layouts using grid-template-areas

You will be skilled on how to design masonry layout with flex and grid

You will be skilled on how to work with implicit grid and explicit grid

You will learn the difference between auto-fill & auto-fit in Grid

You will be able to align and justify grid items and flex items

You will learn how to create image gallery and video gallery with CSS Grid and Flexbox

You will learn how to create equal and unequal columns/rows using both CSS Grid and Flexbox

You will master how to use arbitrary grid line names in Grid

You will be able to create navigation menus and mega menus. You will learn how to add images and videos to mega menus

You will be creative with how to use the CSS Media Query to make your web design mobile friendly and responsive. This means mobile-first approach.

You will learn how to import font awesome in order to incorporate it in your design

You will thoroughly learn how to import Google fonts as part of your font family

You will be able to apply some CSS properties to your layout design such as margin, padding, position, border properties, etc.