Skip to content

rahulpml/css_cheatsheet_flex

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • HTML 72.4%
  • CSS 27.6%