Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Flexbox Simplified, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:00:47
    Welcome to the course!
  2. Урок 2. 00:05:01
    My approach
  3. Урок 3. 00:03:32
    The software I'll be using
  4. Урок 4. 00:08:00
    The Discord Community
  5. Урок 5. 00:03:14
    The file structure
  6. Урок 6. 00:00:50
    Introduction to declaring display: flex
  7. Урок 7. 00:03:08
    The flex container
  8. Урок 8. 00:02:10
    The flex items - part 1
  9. Урок 9. 00:03:46
    The flex items - part 2
  10. Урок 10. 00:04:46
    The flex items - part 3
  11. Урок 11. 00:03:57
    The flex items - part 4
  12. Урок 12. 00:01:47
    A challenge
  13. Урок 13. 00:00:46
    Introduction to flexing our muscles
  14. Урок 14. 00:03:38
    flex-direction basics
  15. Урок 15. 00:04:23
    Collapsing margins
  16. Урок 16. 00:11:08
    flex-direction - part 2
  17. Урок 17. 00:04:10
    The order property
  18. Урок 18. 00:04:31
    flex-grow
  19. Урок 19. 00:03:38
    flex-shrink
  20. Урок 20. 00:03:33
    Grow & Shrink Challenge
  21. Урок 21. 00:07:38
    Grow & Shrink Solution
  22. Урок 22. 00:01:59
    Another challenge
  23. Урок 23. 00:06:25
    My solution
  24. Урок 24. 00:04:29
    Visualizing with our dev tools
  25. Урок 25. 00:00:30
    Introduction to flex-basis
  26. Урок 26. 00:06:05
    The basics of flex-basis
  27. Урок 27. 00:03:18
    flex-basis challenge
  28. Урок 28. 00:05:59
    flex-basis solution
  29. Урок 29. 00:01:20
    Introduction to alignment and justification
  30. Урок 30. 00:06:29
    Justification basics
  31. Урок 31. 00:04:35
    Justification continued
  32. Урок 32. 00:03:25
    Justification and flex-direction
  33. Урок 33. 00:04:46
    align-items basics
  34. Урок 34. 00:03:36
    align-items: baseline
  35. Урок 35. 00:06:16
    Aligning and justifying buttons
  36. Урок 36. 00:01:50
    A simple navigation - challenge
  37. Урок 37. 00:04:55
    A simple navigation - solution
  38. Урок 38. 00:02:54
    A simple navigation follow-up challenge/solution
  39. Урок 39. 00:03:03
    A look at align-self
  40. Урок 40. 00:01:55
    Alignment and Justification form challenge
  41. Урок 41. 00:06:36
    Alignment and Justification form solution
  42. Урок 42. 00:01:14
    flex-wrap introduction
  43. Урок 43. 00:02:43
    The basics of flex-wrap
  44. Урок 44. 00:03:12
    flex-wrap and flex-direction
  45. Урок 45. 00:01:35
    flex-wrap challenge
  46. Урок 46. 00:03:05
    flex-wrap solution
  47. Урок 47. 00:06:03
    Using flex-wrap with flex-grow and flex-shrink
  48. Урок 48. 00:05:32
    Layouts with flex-wrap
  49. Урок 49. 00:03:50
    flex-wrap challenge #2
  50. Урок 50. 00:06:40
    Solution to the challenge
  51. Урок 51. 00:02:56
    The flex-flow shorthand
  52. Урок 52. 00:07:08
    A look at align-content
  53. Урок 53. 00:01:40
    The place-content shorthand
  54. Урок 54. 00:00:28
    Introduction to the magic of margins
  55. Урок 55. 00:09:30
    auto margins and flexbox
  56. Урок 56. 00:03:41
    Fixing a floating footer
  57. Урок 57. 00:00:47
    Introduction to gap
  58. Урок 58. 00:06:28
    the gap property
  59. Урок 59. 00:03:19
    Creating a fallback for gap
  60. Урок 60. 00:00:48
    flex-grow, revisited
  61. Урок 61. 00:03:22
    Pushing flex-grow to it's limits
  62. Урок 62. 00:08:41
    A use case
  63. Урок 63. 00:01:37
    Introduction to patterns and layouts
  64. Урок 64. 00:04:57
    Equal columns, every time
  65. Урок 65. 00:06:35
    Content / Sidebar
  66. Урок 66. 00:05:44
    Adaptable sidebar
  67. Урок 67. 00:02:58
    Grid-ish
  68. Урок 68. 00:02:09
    Combining layouts and patterns
  69. Урок 69. 00:09:19
    The holy albatross
  70. Урок 70. 00:01:08
    The end!