https://wakatime.com/@craigiswayne/projects/bxlxcrizza?start=2022-01-05&end=2022-01-11
- Using alot of the same naming convention as bootstrap
- Using php partials for reusability, DRY approach
- Compressed all images for faster load, the hero image is a bit of a lower quality though, you can compare the compressee to the uncompressed
- Kinda gave up making notes since i was running outta time
- Start with outline of site first, grayscale -> see figma's outline
- Create layers of comments with process, 1 layer for fonts and weights for example (tablet required)
- Layer for classes
- once everything has a class, group them
- start adding css to classes
- buttons are the easiest
- Identify font-sizes
- list them according to size increasingly, then come up with class names for them, i.e. normal, small, large, medium
- identify font-families
- Identify H1, H2 etc etc