reading-notes

_{Think you might be in the wrong place? Go home!}

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

Flexbox is intended for arranging elements along a single axis, making it suitable for either horizontal or vertical layouts, but not both simultaneously.

Explain the difference between the main axis and cross axis.

The main axis is the primary alignment direction in flexbox, while the cross axis is the perpendicular direction. Elements are primarily arranged along the main axis.

How can using certain properties of flexbox negatively impact accessibility?

Using properties like ‘order’ in flexbox to change the visual order of elements can disrupt the logical order for screen readers. Overusing flexbox for complex layouts and neglecting semantic HTML can create accessibility issues.

What are some advantages of using flexbox over float?

• Simplified Layouts: Flexbox simplifies complex layouts, making it easier to achieve designs that were traditionally challenging with floats.

• Content Independence: Flexbox allows elements to be independent of their parent container’s dimensions, reducing layout constraints.

• Equal Height Columns: Flexbox can create equal-height columns without additional hacks.

• Vertical Centering: It provides straightforward vertical centering of content.

• Order Control: Elements’ visual order can be adjusted without changing the source order.

• Responsive Design: Flexbox simplifies responsive design by allowing dynamic reordering and resizing.

How does this topic connect with your long term goals?

In order to be a programmer, I need a vast gama of skills to have under my belt. CSS is an important tool that I want to master.

_{Information gathered using ChatGPT}