👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Add auth to your app FAST: https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Discord: all my courses have a private Discord where I actively participate 🔔 Email newsletter (BIG update soon): https://email.bytegrad.com ALL RESOURCES (the copy-paste stuff): https://github.com/ByteGrad/HTML-CSS-Course/blob/main/resources.txt FINAL CODE (get stuck? check this): https://github.com/ByteGrad/HTML-CSS-Course/tree/main/final-code 0:00 Section 0 - Intro 3:18 Section 1 - HTML & CSS Fundamentals (Most Common Concepts) 7:17 Overall structure in HTML 15:52 p-tag 18:00 h1, h2, h3, etc. 20:22 button 21:28 a-tag 24:24 img 26:19 ul and li 27:40 div 29:51 span 31:48 form and input (and textarea) 34:30 External resources in HTML 40:03 header, main and footer 45:37 Including CSS in HTML 50:53 Selectors 54:40 Font styling 57:27 Box model (padding, border, margin) 1:01:16 Right-click and inspect 1:04:47 Colors (hex, rgba, built-in) 1:07:24 Block and inline 1:09:26 Centering 1:13:12 Transform 1:16:02 :hover and :focus 1:18:05 Transitions 1:19:31 Animations 1:21:56 Inheritance 1:24:18 Automatic reload (Live-Server extension) 1:28:32 Section 2 - Project 1 (Evento) 2:54:12 Section 3 - Intermediate HTML & CSS 2:57:15 Semantic tags in HTML 3:05:04 CSS terminology 3:07:12 CSS reset 3:09:30 Shorthands (margin, padding) 3:12:35 Flexbox for layouts 3:24:14 Position absolute and relative 3:27:31 Advanced centering 3:33:06 Advanced selectors 3:35:11 CSS variables / custom properties 3:39:31 ::before & ::after 3:44:22 Stacking order (z-index) 3:47:23 Responsiveness for mobile, tablet, etc. (@media) 3:53:00 Section 4 - Project 2 (ArtistFinder) 6:00:46 Section 5 - Next steps #htmlcsscourse #htmlcssfullcourse #htmlcss #htmlcss #webdevelopment #coding #programming