The display attribute is used to create a flex container, inline or block depending on its given value and it enables a flex context for all its children. This website I had found gives a lot of information on what you can do with a flex layout. It gives demonstrations and has images for better understanding. It shows other flexbox properties such as "order" which will control the order in which they appear in the flex container. Flex-direction which establishes the main-axis, defining the direction flex items will be placed in the container(row, column,row-reverse, column-reverse). Flex grow which will define the ability for flex items to grow and much more properties.
Link to websiteW3Sxchools is always a reliable source when finding code related information. This website has a step by step introduction into using Flexbox layouts. With this source, its allows me to read the given details and after am able to try it myself with the demo provided which gives me a better understanding when using Flex container properties such as flex-wrap, Flex-direction, flex-flow, justify-content, align-items and align-content. The webpage also provides examples and demonstrations for flex items and its properties such as order, flex-grow, flex-shrink, flex-basis, flex and algin-self. Lastly, the website has a page also on how to use CSS flex with responsive design for different screen sizes and devices.
Link to websiteThe MDN Web Docs website is another trusted source and has a much more in depth description and examples of the flex container and its properties along with the items that inside the flex container. Other than the past two web pages I have researched, this web page has a lot more information than the others that give a simple statements that defines the main purpose.
Link to webpage.