Note on Responsive Mobile First Design - revaturelabs/revoverflow-frontend GitHub Wiki

All components of this React-Redux client side web application are created with mobile first responsive design in mind. This is accomplished primarily through the use of flexbox and the Material U.I. Box tag. Upon inspecting the code you will find that the majority of components are comprised of singular or nested Boxes so as to apply flex qualities. This means that if a particular portion of a component was in need of flex qualities it wrapped by a box tag and those flex attributes were added to that tag. This also means that if a portion of code was in need of flex qualities that could only be accomplished through a hierarchy of tags possessing flex qualities, nested boxes were wrapped around that portion of the code unless the original parent tag to that portion of code already provided only the necessary flex attributes.