CSS Flexbox - Mastering the Basics
For Beginners
4.57 (2827 reviews)
66,286
students
1.5 hours
content
Jun 2018
last update
FREE
regular price
What you will learn
Build page layouts with ease
Get started on learning Bootstrap 4
Why take this course?
Learn from scratch, the complete CSS Flexbox module.
Stop worrying about floats, vertical alignment and other common problems you face in the world of CSS and dive into flexbox to make your life easier!
Take your first step into Bootstrap 4 by mastering flexbox which is what bootstrap 4 is built on!
Content
Introduction
Introduction
Terminology
Flex Container
Flex container properties
Flex display
Flex direction
Flex wrap
Flex flow
Justify content
Align items
Align content
Flex Item
Flex item properties
Order
Flex grow
Flex shrink
Flex basis
Flex
Align self
Practical Use Cases
List of Practical Use Cases
Responsive navbar
Centering item
Variable heights
Holy Grail layout
Our review
---
**Overview of Course Rating and Reviews**
**Global Course Rating:** 4.57/5
The online course on Flexbox has received overwhelmingly positive reviews from its students. With a high average rating, it is clear that the course has been effective in teaching the concepts of Flexbox to a wide range of learners. The course's structure, content clarity, and practical examples have been particularly praised.
**Pros of the Course:**
- **Detailed Information:** The course provides comprehensive information on Flexbox, with real-time examples that enhance understanding.
- **Well-Organized Content:** Reviewers note that the course content is organized in a manner that makes learning efficient and effective.
- **Outstanding Experience:** Many students have reported an outstanding experience, attributing this to the detailed explanations and well-structured lessons.
- **Introductory Approach:** The course serves as a great introductory approach for those new to CSS Flexbox.
- **Clear Presentation:** Instructors are noted for their clear and concise presentation style, making complex topics accessible.
- **Real Life Examples:** Some reviewers suggest that the inclusion of more interesting real-life examples in the practical use cases could further enrich the learning experience.
- **Ease of Learning:** The course is praised for its ease of learning, with lessons structured into small parts for quick absorption of knowledge.
- **No Extra Fluff:** The course is commended for its straightforward approach, avoiding unnecessary content and focusing on the essentials.
- **Practical Exercises:** Although some reviewers point out the need for more practice exercises, others appreciate the practical examples provided.
- **Free of Charge:** The course being free is a significant advantage for learners, making advanced learning accessible to all.
- **Audible and Great Explanations:** The instructors' ability to clearly explain various properties of Flexbox has been highlighted as a strength of the course.
**Cons of the Course:**
- **Flexbox Concepts:** Some learners find the combination of `flex-grow`, `flex-shrink`, and `flex-basis` initially challenging without practical examples to guide them.
- **Intuitive Understanding:** While CSS Grid is found to be more intuitive at present, it is expected that with time and practice, learners will become more adept at using Flexbox.
- **Lack of Exercises:** A few reviewers suggest that the course could benefit from more hands-on exercises to supplement the theoretical knowledge imparted.
- **Understanding of Flexbox Properties:** Some learners found it difficult to understand certain flexbox properties, particularly when dealing with the `flex` shorthand and the use of `w` and `v` letters in accent contexts.
**Additional Notes:**
- The course is also available on YouTube, making it a flexible learning option for individuals looking to explore Flexbox without financial commitment.
- The positive impact of the course is evident from the reviews, with many learners expressing gratitude and appreciation for the knowledge imparted.
**Conclusion:**
This comprehensive course on Flexbox offers a wealth of knowledge for learners at various levels of expertise. While there are areas that could be improved with more practical exercises and clearer explanations of certain properties, the course's overall structure, content, and presentation make it an exceptional resource for understanding and implementing Flexbox in web development projects. The positive feedback from learners across the globe solidifies its position as a highly recommended course for anyone looking to master CSS Flexbox.
Charts
Price
Rating
Enrollment distribution
Related Topics
1727766
udemy ID
6/2/2018
course created date
7/9/2019
course indexed date
Bot
course submited by