#screenshots
-
File(2.html,2.css) : css selectors (Type Selectors, ID Selectors, Class Selectors, Descendant Selectors)
-
File(3.html,3.css) : Two coloumn layout with links + (background image or linear-gradient)
3.1 File(3.html,3.css) : Navigation- padding, display as block, border, hover
3.2 File(3.html,3.css) : replace image in place of header and make it as clickable link
-
File(4.html,4.css) : CSS box model -padding, margin (top, bottom), border
-
File(5.html,5.css) : using Float Property, using clearfix to clear unwanted space
5.1 File(5.html,5.css) : text shadow, block shadow, rgb color
-
File(7.html,7.css) : Understanding Typography(font,size,spacing)
-
File(10.html,10.css) : css sprites(on icon hover and click image portion changes)
-
File(12.html,12.css) : display property=inline, block, block-inline, none
-
File(17.html) : grid part 3- alignment,overlap (unlike flexbox- grids are 2d, can overlap other grid)
-
File(18.html,18.css) : Responsive(@media (min-width: 700px)) grid & flexbox