This project uses mainly CSS grid to build a full dashboard design.
Below is an example:
-
2 main parts
- sidebar (left)
- content (right)
-
sidebar
- logo, header (section)
- items - items vertically (section)
- items - Settings, Support, Privacy (section)
-
content
-
top (4 sections)
- top left search (img icon + input)
- top right has icons
- bottom left is icon + text
- bottom right are text links
-
bottom (3 sections)
- projects
- announcements
- trending
-
- get assets (images)
- logos
- icons
- get font