Learn CSS fundamentals really fast, online and free. FULL COURSE: http://inarocket.com Learn front end development fast, step-by-step and with ready-to-use code. IN THIS MODULE YOU'LL LEARN: - We no longer talk about CSS 3 or 4. CSS has now more than 80 specifications that evolve independently. - Where to find all CSS specifications. - How to check maturity of specifications by status code. - Where to follow CSS current work. - Where to find Flexbox and CSS Grid specifications. - How to check Flexbox and CSS Grid browser support. READY-TO-USE CODE: http://inarocket.com/courses/css/css-flexbox-cssgrid/context.php BEST BOOKS TO LEARN FLEXBOX & CSS GRID: - The New CSS Layout by A Book Apart. https://amzn.to/2ThK0f7 - Flexbox in CSS by O'Reilly Media. https://amzn.to/2Zfekeg - Grid Layout in CSS: Interface Layout for the Web by O'Reilly Media. https://amzn.to/36fmIMf - CSS Grid Layout: 5 Practical Projects by SitePoint. https://amzn.to/3bFWYd3

1. IN A ROCKET
Learn front-end development at rocket speed
CSS
Context
FLEXBOX & CSS GRID

2. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
+

3. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
+

4. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
CSS3

5. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
4CSS

6. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
CSS?

7. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
+80SPECIFICATIONS

8. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
ALL CSS SPECIFICATIONS

9. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
MATURITY OF SPECIFICATIONS BY STATUS CODE
RECOMMENDATIONREC
PROPOSED RECOMMENDATIONPR
CANDIDATE RECOMMENDATIONCR
WORKING DRAFTWD
FIRST PUBLIC WORKING DRAFTFPWD

10. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
CSS CURRENT WORK

11. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
FLEXBOX CSS GRID
+

12. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com

13. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com

14. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
LEVEL 1
LEVEL 2
LEVEL 3
LEVEL 4
CSS
FONTS
CSS FLEXIBLE BOX
LAYOUT MODULE

15. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
LEVEL 1
LEVEL 2
LEVEL 3
LEVEL 4
CSS
FONTS
CSS FLEXIBLE BOX
LAYOUT MODULE
Candidate recommendation

16. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com

17. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com

18. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
FLEXBOX CSS GRID
+

19. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com

20. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
LEVEL 1
LEVEL 2
LEVEL 3
LEVEL 4
CSS FLEXIBLE BOX
LAYOUT MODULE
CSS GRID
LAYOUT MODULE

21. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
LEVEL 1
LEVEL 2
LEVEL 3
LEVEL 4
CSS FLEXIBLE BOX
LAYOUT MODULE
CSS GRID
LAYOUT MODULE
Candidate recommendation

22. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com

23. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com

24. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
W3C: "Exploring"

25. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com

26. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
LEVEL 1
LEVEL 2
LEVEL 3
LEVEL 4
CSS FLEXIBLE BOX
LAYOUT MODULE
CSS GRID
LAYOUT MODULE
Working draft
Candidate recommendation

27. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
+

28. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
FLEXBOX CSS GRID
+

29. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
MAY 2017

30. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
NOVEMBER 2017

31. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
UC Browser

32. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
JULY 2018

33. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
FLEXBOX CSS GRID
+

34. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
SEPTEMBER 2016

35. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
MAY 2017

36. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
JULY 2018

37. FLEXBOX & CSS GRID: The CSS layout nightmare is over inarocket.com
FLEXBOX CSS GRID
+

38. Learn front-end development at rocket speed
inarocket.com
by miguelsanchez.com
YOU CAN CONTINUE THIS COURSE FOR FREE ON
+ READY TO USE CODE
+ QUIZZES
+ FREE UPDATES

39. We respect your time
No more blah blah videos. Just straight to
the point slides with relevant information.
Ready to use code
Real code you can just copy and paste into
your real projects.
Step by step guides
Clear and concise steps to build real use
solutions. No missed points.
Learn front-end development at rocket speed
inarocket.com

40. IN A ROCKET
Learn front-end development at rocket speed
CSS
Context
FLEXBOX & CSS GRID