Tuesday, August 19, 2014

Day 28: Flexboxes

Today I studied flexboxes and the multi-column layout property.  The multi-column layout feature is great for creating scale-able layouts that fit all types of screen sizes.  It's similar to the flex boxes.

-webkit-column-gap: 3em;


-website-column-rule-width: 2px;-website-column-rule-style: dotted;-webkit-column-rule-color: 070641;-webkit-column-rule: 2px dotted #070641; (short for -website-column-rule-width, -website-column-rule-style, and -webkit-column-rule-color)


-webkit-column-width: 250px;-webkit-column-count: 3;-webkit-columns: 250px 3; (short for -webkit-column-width and -webkit-column-count)


SUMMARY OF CODING SKILLS

Total Treehouse Points: 1,752
Treehouse Points by Subject Matter: HTML 663, CSS 1,059, and Miscellaneous
Treehouse Ranking (%): "You have more total points than 72% of all students."

Badge(s) Earned Today:
Flexbox and Multi-Column Layout

Courses Completed:
How to Make a Website
HTML


Books Read or in Progress:
"Head First HTML and CSS," by E. Robson & E. Freeman (In progress, I've read the 37 pg. preface and the first 255 pgs. of actual content, which is the HTML section of the book)

Hours Spent Coding Today: 2
Total Hours Coding: 114

No comments:

Post a Comment