The Basics of Web-Design Layout: Learn How To Describe Your Design With HTML & CSS Staff Pick

Rich Armstrong, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
25 Lessons (3h 9m)
    • 1. Why You Should Take This Class

      1:56
    • 2. HTML Box Theory

      2:30
    • 3. HTML & CSS Terminology

      1:59
    • 4. Box-model & Box-sizing

      3:26
    • 5. Margin, Padding & Border

      9:06
    • 6. Display Types, Default Styling & Overriding

      4:38
    • 7. Floating

      13:28
    • 8. Transform & Translate

      2:49
    • 9. Position Terminology

      1:09
    • 10. Static Positioning

      1:24
    • 11. Relative Positioning

      2:33
    • 12. Absolute Positioning

      10:12
    • 13. Depth & Z-Index

      2:47
    • 14. Fixed Positioning

      5:57
    • 15. The Calc Function

      4:10
    • 16. Sticky Positioning

      4:36
    • 17. Putting It All Together

      0:17
    • 18. Project: The Setup

      6:17
    • 19. Project: The HTML

      21:27
    • 20. Project: The Hero Banner CSS

      21:13
    • 21. Project: Sticky Nav & The Read More Section

      19:47
    • 22. Project: The Story Section

      20:08
    • 23. Project: The Popup

      23:30
    • 24. Share It With Others

      2:57
    • 25. The End

      0:32
64 students are watching this class