CSS Flexbox in Depth 2020
What you'll learn
- All the CSS properties that are used for Flexbox
- How to build some common layouts using Flexbox
- How to build some advanced layouts using Flexbox
- Gain experience in designing a chat application using Flexbox
Course content
- Preview06:17
- Preview04:42
- 05:27Flexbox 101
Requirements
- Reasonable knowledge in CSS
- Reasonable knowledge in HTML
Description
In this course you will go deep into understanding how Flexbox can help you design website layouts. We cover what Flexbox is and why we use it. We then step through Flex Containers and Flex Items and what CSS properties are available for both, and how we can configure them correctly. You will also be tested with a helpful quiz after each section.
Once gaining the academic knowledge, we ensure you gain some experience, by taking you through some real life examples. We start off with some simple layout problems that were once difficult to solve, but are now easier. Then after we look at some advanced layout problems.
We then wrap up your experience by working through building a complete chat application from start to end.
Who this course is for:
- Web designers or developers who are looking to advance their knowledge in building complex layouts using CSS
- Developers looking to improve their knowledge in CSS
- Any developer interested in getting a deep understanding of Flexbox
Instructor
![Daryl Duckmanton](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.6 Instructor Rating
- 384 Reviews
- 42,002 Students
- 2 Courses
I am a full stack web developer, who has been developing websites for 13 years, both from a back and front end. I have been working in the areas of HTML5, CSS3, Javascript, Typescript, .NET, Windows Azure, AWS and Angular / React in recent years.
I love to teach and I also teach a lot on YouTube as well. I have videos available in the Angular / React and AWS spaces.