Examples of basic web page layout concepts using CSS Grid and CSS Flexbox.
These examples are published and available to view here, source code here.
CSS Grid is most useful for laying out the main structural elements of a page themselves:
CSS Flexbox is most useful for laying out the content within the main structural elements of a page