HTML, CSS and JavaScript
https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Typesetting_a_homepage
https://selftaught-dev.com/project-archive
freecodecamp
teamtreehouse
Nester: https://codepip.com/games/nester/
Codepip: https://codepip.com/
CSS only
W3School: https://www.w3schools.com/css/css_exercises.asp
CSS Diner: https://flukeout.github.io/
Frontend Mentor: https://www.frontendmentor.io/challenges
Flexbox (Flexbox Froggy): https://flexboxfroggy.com/
Grid (CSS Grid Garden): https://codepip.com/games/grid-garden/
Projects
- Make this on CSS:
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5170fab8-f117-4de3-8457-1fe551464c85%2FUntitled.png?id=e9f770ad-622f-4e30-a8fb-0c05e33a1c6d&table=block)
- Make a page implementing RWD and changing the hierarchy, typography (em, vw, vh, margins, line heights etc.), layout, navigation, images, and special content (page 506). Add this to my portfolio. Do the same for other concepts.
- Something like this: https://thanaverage.xyz/