HTML and CSS Roadmap

Basic HTML and CSS Introduction

Kevin Powell - HTML and CSS For Beginners:
https://www.youtube.com/playlist?list=PL4-IK0AVhVjM0xE0K2uZRvsM7
LkIhsPT-
Use Emmet for HTML
https://www.youtube.com/watch?v=EhRPdUv1ZrA
Specificity in CSS
https://youtu.be/c0kfcP_nD9E?list=PL4-IK0AVhVjP27yZLwW-gkPggRps
0CCnP
Positioning in CSS
https://youtu.be/P6UgYq3J3Qs?list=PL4-IK0AVhVjP27yZLwW-gkPggRp
s0CCnP
Responsive CSS
CSS Units
https://youtu.be/IWFqGsXxJ1E?list=PL4-IK0AVhVjP27yZLwW-gkPggRp
s0CCnP
em vs rem explained
https://youtu.be/IWFqGsXxJ1E?list=PL4-IK0AVhVjP27yZLwW-gkPggRp
s0CCnP
Media Query
https://youtu.be/2KL-z9A56SQ?list=PL4-IK0AVhVjP27yZLwW-gkPggRps
0CCnP
How to Create a Responsive Website From Scratch
https://www.youtube.com/playlist?list=PL4-IK0AVhVjOH5r4GAtlk1-tLUlE
diqXG
*****************
SASS - CSS Precompiler
https://www.youtube.com/watch?v=nu5mdN2JIwM
CSS Framework (Bootstrap) (Can be learnt at any time, is optional)
https://getbootstrap.com/docs/4.6/getting-started/introduction/
Package Managers (Try to learn anyone)
Yarn Package Manager
https://www.youtube.com/watch?v=g9_6KmiBISk
NPM
https://www.youtube.com/watch?v=jHDhaSSKmB0
CSS Flexbox
1. https://flexbox.io/
2. Kevin Powell - Flexbox Playlist :
https://www.youtube.com/playlist?list=PL4-IK0AVhVjMSb9c06AjRl
TpvxL3otpUd

CSS Grids
1. https://cssgrid.io/
2. How to Create a Portfolio Website with CSS Grid:
https://www.youtube.com/playlist?list=PL4-IK0AVhVjNRKd4KBrXH
pNtmMvR0qYz4

Now try to make your own projects with your own ideas…..

NOTE:For those who want to learn Advanced CSS from a course:

First Learn all the Basic CSS then go to this course….
https://www.udemy.com/course/advanced-css-and-sass/
For leaning UI/UX and creating mockups of websites:
https://www.udemy.com/course/ui-ux-web-design-using-adobe-xd/