Skip to content

Instantly share code, notes, and snippets.

@prakashn27

prakashn27/CSS_microsoft_notes.md

Last active February 16, 2016 18:57
Show Gist options
  • Save prakashn27/6e122a6067e60440e1c3 to your computer and use it in GitHub Desktop.
Save prakashn27/6e122a6067e60440e1c3 to your computer and use it in GitHub Desktop.
Download ZIP
Notes of How to master css video
Raw
CSS_microsoft_notes.md

How to Master CSS

Link to the video

Document Structure and Semantics

  • Html

Logic

  • Javascript

Formatting and DIsplay

  • css

The box-sizing property is used to alter the default CSS box model used to calculate width and height of the elements.

overflow vertical-align margin padding box-sizing vertical-align

Media Queries

@media @import

COnsiderations for media:

  • decide on the breaking point
  • optimize your text size and margin
  • adjust touch targets
  • use relative sizing

Transformation and transitions

column-count

vw - view port width vh - view port height

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment