Class 8
Back to home page
CSS flexbox
Q. Flexbox is designed for one-dimensional content. Explain what this means.
- One-dimensional means that it deals with layout in single directions, meaning columns or rows
Q. Explain the difference between the main axis and cross axis.
- Main access is the row your content is in and is set to the flex-direction property. While the Cross axis is the oposite, running along the column.
Q. How can using certain properties of flexbox negatively impact accessibility?
- Reordering html elements can sometimes make visually impaird users screen readers break, for example the row-reverse and column-reverse can reverse how a nav bar will be orientated, making the screen reader read out in the wrong order.
CSS layout, flexbox
Q. What are some advantages of using flexbox over float?
- Float and position can be limiting, with flexbox you can layout your webpage more precicely along the row or column. For example you cant vertically center a content block inside of its parent.
Q. How does this topic connect with your long term goals?
- This concept makes positioning content blocks in css much more managable, this relates to my goal of getting a job in the industry because this concept shows you how easy it is to move content boxes around in a css file, and showing how theres an answer for every css issue. i can always grow my learning especially of css.
Things I want to learn more about
- Seeing the flexbox in action more is something i want to mess around yet, especially with row and column to see what results I can get from using these tags.