https://github.com/craigdoescode/web-design-system-cc
Codecademy website design system exercise
https://github.com/craigdoescode/web-design-system-cc
Last synced: 5 months ago
JSON representation
Codecademy website design system exercise
- Host: GitHub
- URL: https://github.com/craigdoescode/web-design-system-cc
- Owner: CraigDoesCode
- Created: 2021-06-27T17:55:55.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2022-02-09T21:30:27.000Z (over 4 years ago)
- Last Synced: 2025-02-08T19:45:24.985Z (over 1 year ago)
- Language: HTML
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Build a Website Design System
### Project Goals
In this project, I am building my own basic design system for a website. In essence, I am building a website to help you build MORE websites in the future! On my site, I’ll collect all the colors, fonts, and some of the repeating styles.
### Aims:
- To learn more about colors that work together on a site
- To explore bootstrap
- To deepen my understanding of HTML and CSS Structure
### Live Site: https://craigdoescode.github.io/Web-design-system-cc/
# My Process
### Built With
- HTML 5
- CSS
- Bootstrap
### What I Learned
I learned alot about structuring collumns and rows to get my desired result using bootstrap. I also got a better understanding of what styling is already acounted for in bootstrap and what a may need to use ```!important``` on to take effect.
I found out how to find the names of colours, convert RGB to HEX and find colours using a digital colour meter. Explored different methods of styling and importing fonts.
### Continued Development
- Lean abous Sass
- expand bootstap knowledge
- Make this page responsive
# Author
- Linkedin - [Craig Norford](https://www.linkedin.com/in/craig-norford-9a33838a/)
- Codecademy - [craig234](https://www.codecademy.com/profiles/Craig234)
- Twitter - [@craignorford](https://twitter.com/CraigNorford)