-
Gain a solid understanding of flexbox and its properties
-
Learn how to use flexbox to center elements vertically
-
Get ready to build impressive photo galleries using flexbox
Do you want to create complex website layouts easily and quickly with just simple lines of code? This course will help you to create those complex website layouts with ease using the magic of flexbox.
You will start this course by creating your first flexbox container to understand how flexbox works. Next, you will learn how to control the alignment of elements using the CSS flexbox. Moving along, you will grasp techniques to control the size of elements and to build basic and advanced menus using flexbox. Toward the end, you will learn to build a website with advanced responsive layouts, such as Holy Grail, equal columns layout, and horizontal masonry.
By the end of this course, you will be able to create real-world responsive website layouts using flexbox.
All the code files and support files are available at https://github.com/PacktPublishing/The-Complete-CSS-Flexbox-Guide-With-a-Complete-Project-2021
If you are a web developer or a front-end designer or developer, who is looking to learn flexbox to build advanced responsive website layouts, this course is for you. A basic understanding of HTML and CSS is needed to get started with this course.
-
Become familiar with the different properties of flexbox
-
Align website elements with justify-content and align-items property
-
Build post articles with equal heights easily using flexbox
-
Build simple and advanced menus with flexbox
-
Use flexbox to build and style website headers
-
Use a masonry layout to build photo galleries