Before Flexbox arrived on the screen, we had to use relative or absolute positioning, floats clears and 100s of lines of code to achieve a decent website layout. All of that's changed now. With CSS Flexbox, you can layout your website's design in just a few lines of code, and even make it responsive! No more frameworks like Bootstrap to make up for the shortcomings in CSS. Become a professional web designer in just a few hours. If you know the very basics of HTML and CSS, you're all set. Spend a few hours learning a bunch of Flexbox syntaxes, and you'll be creating awesome web layouts in no time at all! You don't need to learn a bunch of frameworks to become a pro web designer now! We'll be using a real-world example to explain the concepts.

All the code and supporting files for this course are available at: https://github.com/PacktPublishing/A-Complete-CSS-Flexbox-Course-and-a-Real-World-Website-Project

Style and Approach

This course has 4 modules, where each module will thoroughly explain the intricacies of one of the concepts in Flexbox with a wealth of over-the-shoulder examples. The mini project at the start of the website where we create a real-world navigation/menu bar and make it completely responsive. A real world 2-column website with a responsive header, navigation bar, 2 columns (main content and sidebar) and footer. We'll also make the entire website responsive.