every assignment, running
each chapter of
HTML & CSS 101
ends in an assignment, and this is what each one looks like when it is
finished. the page is real, not a picture of one: u can scroll it, hover
it, drag it narrow, and open the code that made it. do the assignment
first, then come here and check.
-
01HTML Basicstags, nesting, attributes
-
02CSS Basicsselectors, properties, borders
-
03Colors and Sizesrgb, hex, rgba, px, %, em, rem
-
04Classes and Statesclass, :hover, transition, box-shadow
-
05The Page Shellhead and body, filepaths, images
-
06Text and Inputsfonts, weights, span, ::placeholder
-
07Display and the Box Modelmargin, padding, display, nesting
-
08CSS Gridcolumns, fr, gaps, wrapping
-
09Flexboxjustify-content, align-items, flex
-
10Positionfixed, absolute, relative, z-index
-
11Responsive Designmedia queries, inheritance, specificity
-
12The YouTube Clonethe whole course, as one real page