Reading Journal
This topic matter because flexbox saves time when it comes to designing a webpage due to its user friendly syntax and ease of execution. It’s important to have a website that is properly organized and formatted and flexbox helps with this. Flexbox is also supported across many browsers which aids in useability. In order to have a page fit multiple screen types with relative ease, flexbox is the go to tool.
Reading
Learn CSS - Flexbox
1. Flexbox is designed for one-dimensional content. Explain what this means.
- Flexbox is primarily designed to align elements on a horizontal or vertical plain, but not both at the same time. Flexbox is great for aligning things side by side or things such as creating lists or navigation menus.
2. Explain the difference between the main axis and cross axis.
- The main axis is the primary axis in which items are arranged inside a flex container. If the main axis is horizontal, then the cross axis is vertical and vice versa. The cross axis is always perpendicular to the main axis.
3. How can using certain properties of flexbox negatively impact accessibility?
- The ability for flexbox to reorder itself depending on screen size, while helpful, can also cause problems with screen readers and other accessibility tools. Flexbox is best used for 1 dimensional layouts. When a layout is complex, flexbox can return undesirable results.
CSS Layout - Flexbox
1. What are some advantages of using flexbox over float?
- From a syntax perspective flexbox is more intuitive than float. Flexbox requires less code and work arounds to keep text or objects centered within their containers. Also, you don’t need to clear flexbox like you do with floats.
2. How does this topic connect with your long term goals?
- This assists with my long term goals because it helps me to better understand the different ways I can accomplish the same objective. In some instances, float is better suited than flexbox and the opposite is true too, but I must be able to decipher when one is appropriate over the other.
Things I want to know more about.
I want to learn more about flexbox. It seems like a really useful tool that would make web designing much simpler and quicker too.