Using Flexbox Practically

I use flexbox in many of my web design projects because it is an industry-standard method of organizing elements in a way that can be modified and made responsive. The most notable use flexbox in my project, however, is within container elements in which it is most important that wrappers are centered horizontally and vertically within my projects. Recently, I have mostly only been using CSS grid because it is more versatile in web design. Rather than having to specify margins and padding within all elements to make sure they are evenly spaced, CSS grid lets you simply define the space between columns and rows for all child elements.

Another trick I use a lot within flexbox is the horizontal spread to edges element which is useful for spreading things evenly in a way that is also responsive. For example, if I have a row of tags in tile elements, I can use this feature to spread them evenly across the full width of the tile.