https://github.com/odilson-dev/admin-dashboard

A full dashboard design to practice css grid
https://github.com/odilson-dev/admin-dashboard

admin-dashboard assignment grid-layout html-css theodinproject

Last synced: 2 days ago
JSON representation

A full dashboard design to practice css grid

• Host: GitHub
• URL: https://github.com/odilson-dev/admin-dashboard
• Owner: odilson-dev
• Created: 2023-11-22T01:24:03.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-04-28T17:34:01.000Z (7 months ago)
• Last Synced: 2024-05-17T15:26:40.339Z (6 months ago)
• Topics: admin-dashboard, assignment, grid-layout, html-css, theodinproject
• Language: HTML
• Homepage: https://odilson-dev.github.io/admin-dashboard/
• Size: 1.52 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Admin-Dashboard](https://www.theodinproject.com/paths/full-stack-ruby-on-rails/courses/intermediate-html-and-css/lessons/admin-dashboard)

This project is part of [The Odin Project](https://theodinproject.com)'s full stack web development curriculum

  Table Of Contents

  


    


      Description

    

    


      Demo

    

    


      Built With

    

     


      What I Learned

    

     


      Acknowledgements

    

  


## Description

A Simple Dashboard design built with HTML & CSS with,

- Grid

- Flexbox

- And more of CSS's features

## Design model

![design](./design/dashboard-project.png)

## Built With

- HTML

- CSS

## What I Learned

- Practical experience with CSS Grid

- Grid `auto-fill` and `auto-fit`

- Grid `minmax`

- Grid item as a `flex` container

- `Grid` and `Flex` practical usage exposure

- CSS organization

- Building one step at a time

## Acknowledgements

- Icons from [Material Design Icons](https://materialdesignicons.com/)

- Color palette from [Color Hunt](https://colorhunt.co/palette/222831393e4600adb5eeeeee)

- [The Odin Project](https://theodinproject.com)

[Move To Top](#Admin-Dashboard)

## Course Link

https://www.theodinproject.com/lessons/intermediate-html-and-css-admin-dashboard

## Live Preview

https://odilson-dev.github.io/admin-dashboard/

## GitHub Repos

https://github.com/odilson-dev/admin-dashboard