Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

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

Rich Armstrong, Product Designer

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

      1:56
    • HTML Box Theory

      2:30
    • HTML & CSS Terminology

      1:59
    • Box-model & Box-sizing

      3:26
    • Margin, Padding & Border

      9:06
    • Display Types, Default Styling & Overriding

      4:38
    • Floating

      13:28
    • Transform & Translate

      2:49
    • Position Terminology

      1:09
    • Static Positioning

      1:24
    • Relative Positioning

      2:33
    • Absolute Positioning

      10:12
    • Depth & Z-Index

      2:47
    • Fixed Positioning

      5:57
    • The Calc Function

      4:10
    • Sticky Positioning

      4:36
    • Putting It All Together

      0:17
    • Project: The Setup

      6:17
    • Project: The HTML

      21:27
    • Project: The Hero Banner CSS

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

      19:47
    • Project: The Story Section

      20:08
    • Project: The Popup

      23:30
    • Share It With Others

      2:57
    • The End

      0:32
48 students are watching this class