CSS Cheatsheet - Flexbox (a chapter from CSS Display and Positioning)

My cheatsheets to teach myself to code - this lesson is for CSS Flex as an add on to my CSS Display and Positioning cheatsheet

Prerequisites

Web Browser

Built With

• HTML
• CSS
• Sweat, some tears and a bit of laughter

Software

• Brackets
• CodePen
• Github Desktop

Versioning

Version #1.1 - Initial Content Version #1.2 - Initial Style

Table of Contents

1. Intro (Prerequisites)
2. Why Use Flex
3. Flex Container
4. Flex Children

Authors

• Mary Ronan - MazOnTheMoon

Code Naming Conventions

Naming convention using hyphens (-) to seperate words: Example "section-content"

Git Commit Naming Conventions

Keyword: Description FILE Examples:

• create: Add new document INDEX
• new: Add new content for sectionB INDEX
• update: Add info to existing section on INDEX
• fix: Typo in sectionA content INDEX
• style: Add colour schema to page STYLESHEET
• docs: Add naming convention rules to README
• test: Test accessibility for styles in STYLESHEET

Resources

• FreeCodeCamp
• MDN
• W3Schools
• Font Awesome
• Google fonts
• Coolors.co

Acknowledgments

We would like to offer our appreciation to Spotify and the Game of Thrones Calming Background Music playlist for providing the suitable background noise for this project

License

This project is licensed under Unlicense - see the LICENSE.md file for details