Learning about Flexbox for layout design.
Flexbox is designed for one-dimensional content. Explain what this means.
This means that items adjust in size dependent on the amount of space available along a single axis.
Explain the difference between the main axis and cross axis.
The main axis is a horizontal axis whereas the cross axis is vertical. You can choose which axis you wish to organize your items with a
flex-directionproperty.
How can using certain properties of flexbox negatively impact accessibility?
Per my discussion with ChatGPT, basically flexbox can lead to a site that doesn’t follow conventional structures, which can make it difficult for screen readers to provide context as well as challenging to navigate for those who use assistive technologies.
What are some advantages of using flexbox over float?
With flexbox, resizing and positioning within parent elements is simpler, more adaptable, and applicable across browser while maintaining the same visual appearance.
How does this topic connect with your long term goals?
I stink at CSS so far. Anything that might make it easier is welcome.
Flexbox and grids sounds exciting.