Foundations
Layout
Screens sizes and responsive
Grid systemA grid is used to create a **more structured and more harmonious design.** It’s the frame of your page, you build the layout by placing blocks of contents (text, images,…) on a certain number of columns.
ContainerThe container defines the main content width as well as the minimum negative space between the horizontal edges of the screen and the content