From The Odin Project's curriculum This is a rough approximation of the Google home page, first time building something using CSS and HTML. Was trying out so much stuff there are many parts that I'm not sure how I got them to do what I wanted them to do. I also had the impression that the way I was going about things was by no means the most economical or rational. But, it looks okay. The perfect is the enemy of the good, 80/20 etc. etc.
Skills learnt on this project:
- Combating perfectionism
- Practising growth mindset
- Identifying source imagery with DevTools
- Practical understanding of why HTML and CSS should be kept seperate
- Positioning HTML elements (div li p etc.) on a page using CSS selectors (position, left right bottom and top, vertical-align, margin and padding, text-align etc.)
- Practising a logical approach to making, moving systematically between HTML and CSS, testing out changes one by one in order to isolate cause and effect.
- Identifying source coding using DevTools
- Perseverance (see 1.)
- The power of sleeping on a problem
- How to implement specificity and precedence for practical ends e.g. moving about different selectors into greater or lesser specificity if not getting the required results.