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
80 students are watching this class
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

37 of 37 students recommend this class