CSS: Flexbox fundamentals

5 students
Course updated 14 October 2022
Course CSS: Flexbox fundamentals
$49 per month
for all Hexlet's courses
Sign up
  • In-browser editor for exercises
  • Permanent access to theory
  • Asynchronous learning

Included in the course

9 lessons (video or text)
11 exercises in the IDE
35 quizzes
Assistance in Discussions on the website
Access to other courses of the our platform

What you'll learn

  • Apply basic CSS Flexible Box Layout properties
  • Control HTML elements vertically and horizontally using Flexbox
  • Create layouts adapted for mobile devices
  • Create flexible elements that change the width and height


With the increasing number of web pages and the complexity of the design, there emerged an urgent problem with the arrangement of elements. The advent of mobile devices has shown that the current positioning capabilities are not enough, and developers require a new mechanism that will allow them to control elements on the screen. CSS Flexible Box Layout became such a mechanism. In this course, you will learn step by step the possibilities of the Flexbox mechanism and learn how to use it in practice.

Course program

Estimated time: 10 hours


We recommend working on these challenges after completing the course. They'll help you obtain more experience in programming and strengthen your new skills.

completion rate
Suggested learning programs
Frontend Developer icon
Development of front-end components for web applications
start anytime 10 months
Layout Designer icon
Under development beginner
Layout with the latest CSS standards
start anytime 5 months