Using display: flex also creates an invisible box that elements go into. With each element that you use display: flex with, another item goes into the ‘flexbox.’ While calling an item to display: flex, you can also define how they appear inside the flexbox. Do they right align or left align, are they in rows in columns? Along with defining the arrangement of the items, you can define the order too. Is item 1 at the left or the right, top or the bottom? You can also have the text or object appear horizontally instead of vertically. The items themselves can also be controlled, just like how you can choose the padding and margins of objects, you can control the spacing between the items and the size of the items. With defining objects, there are standards that the code will automatically conform to without you defining it, such as items will always right align unless you write it to be otherwise. Items also relate to the flexbox that they are inside of and therefore have initial values that the code will define for you unless you manually define it.