CSS Master

(Primo) #1

There’sabitmoretoflexboxthanwhatwe’vecoveredhere.CSS-Tricks’“AGuide
toflexbox”^23 digsintoallthepropertiesandvalues.YoucanalsocheckoutPhilip
Walton’s“Solvedbyflexbox,”^24 whichshowcasesseveralUIpatternsthataremade
easierwithflexbox.


Conclusion


Nowthatthischapteriscomplete,youshouldunderstandsomeofthetricksand
challengesofcreatingcomplexlayouts.Specifically,youshouldnowunderstand:


■ whyandhowtousethebox-sizingproperty
■ howstackingcontextsworkandhowtocreatethem
■ whenandhowtousemultiple-columnlayout
■ whatkindsoflayoutchallengesyoucansolvewithflexbox


StackingcontextcomesupagaininChapter 6 ,inwhichwediscusstransforms.But
first,let’slookatCSStransitions.


(^23) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
(^24) http://philipwalton.github.io/solved-by-flexbox/
Complex Layouts 187

Free download pdf