TechEducationClone

CSS Layouts

Readings

learn Flexbox
CSS Layouts Flexbox
Learn CSS Layout

Q&A

  1. Flexbox is designed for one-dimensional content. Explain what this means.

    Being one-dimensional means that flexbox only deals with either columns or rows. The grid has two dimension layout capabilities x and y.

  2. Explain the difference between the main axis and cross axis.

    the main axis is defined by the flex-direction (row by default) which can be changed. the cross axis runs perpendicular to it.

  3. How can using certain properties of flexbox negatively impact accessibility?

    as it only applys to the visual ordering of things on a page a screen reader will read out the content but it could be in the wrong ‘layout’

  4. What are some advantages of using flexbox over float?

    you can wrap text around an image!

  5. How does this topic connect with your long term goals?

    I want to make my own website and learnig how to utalize flexbox might help me achieve this!

Guide to flexbox
Demo flexbox
flexbox froggy
getbem