Dash board mock-up using responsive CSS grid. Response to loose design-brief.
Completed as part of The Odin Project cirriculum. Original instruction are here.
To view final mock-up click here.
You can see example design-brief below.
-
Semantic HTML and structure to support use of CSS grids with mutiple levels of nesting.
-
CSS grids with declared and implied grids; grid area placed elements; responsive sections to amend design across range of devices, including with grid template and 'repeat(auto-fit, minmax (...))' snippet.