#CSS Trainings, Tips and Best Practices

This is the CSS training and best practices repository for Globant Mobile Studio. Here you'll find an index with snippets, comments, common practices, explanations, video tutorials and so much more.

Index

• CSS Selectors
  • All elements selector
  • Id and class selectors
  • Ancestor selectors
  • Direct ancestor selectors
  • Comparing ancestor selectors
  • Siblings selectors
• CSS Properties
  • Position
  • Display
• Box model
  • Box model representation
  • Box sizing differences
• Alignment
  • Vertical centering techniques
  • Centering the unknown
• OOCSS
  • What is it?
• BEM
  • Modal example
• Stacking Context
  • What is it?

Contributing

If you want to contribute just fork the repo, cp template/template-(snippet|doc).md [category]/awesome-(snippet |doc).md and share the awesome

For a contribution to be accepted there are three musts:

1. Codepen and gist link for snippets (on codepen.io just click on Share > Save as Github Gist)
2. No typos.
3. Be awesome.