Description Build a vertical timeline.
Learning Objectives You should know how to create a layout in HTML and CSS from scratch.
Performance Objectives Exercise control of CSS display types, positioning, and animations Reinforce concepts of layout and display types Combine multiple approaches to create complex, multi-column layouts
Deliverables A GitHub repository containing: index.html normalize.css styles.css images folder (with any images you used for your design)
I'm a Web Developer Mode Recreate the provided three-column layout in HTML and CSS. Use the :hover pseudo-class and the transition property to add a hover effect.
Recommended commit checkpoints: basic page structure (html only) first line of css three column layout color added icons in place hover states and transitions implemented mission complete
Hey, Mikey, I Think He Likes It Mode Use media queries to make your application responsive. Mobile should display two-columns and desktop should display three columns (see two-column layout).
Caffeinated Mode Animate timeline events so they slide in as the user scrolls down.