html-layouts-2

Just like html-layout the original, each folder contains an image you need to recreate using HTML and CSS

Learning Objectives (student will):

  • be able to use Chrome Dev Tools to inspect their HTML/CSS
  • understand the purpose of CSS
  • be able to compare and contrast fixed, relative, absolute, and static positioning in CSS
  • be able to compare and contrast display block, inline-block, inline, and none
  • be able to compare and contrast overflow hidden, auto, scroll
  • understand and be able to use max/min-width and max/min-height