Skip to content

Latest commit

 

History

History
19 lines (16 loc) · 760 Bytes

File metadata and controls

19 lines (16 loc) · 760 Bytes

CSS Box Model and Display Property

CSS Box Model

https://www.w3schools.com/css/css_boxmodel.asp

CSS Layout Properties : Display & Box Model

http://learnlayout.com/no-layout.html
http://learnlayout.com/box-model.html
https://www.w3schools.com/css/css_display_visibility.asp
https://designshack.net/articles/css/whats-the-deal-with-display-inline-block/

Exercises : Building Website from Design

  1. Inspect design.png
  2. In index.html, add the necessary html tags/elements to complete the design
  3. Add your styles in style.css
  4. Replace @import url('https://fonts.googleapis.com/css?family=Quicksand'); by using font-face for Quicksand-Light.ttf in style.css
  5. Improve design and add your personal touch as you go
  6. Enjoy! :)