Learn CSS by Cloning Reddit – Step-by-Step Beginner Course (2025)

👉 HTML & CSS Full Course - https://www.youtube.com/watch?v=-4mopzNxAg8
👉 Reddit Project Course - https://www.youtube.com/watch?v=XGTAtr0dcug

🏗️ Resources:
Reddit Clone Finished: https://dimal-dev.github.io/html-css/reddit-webdev/index.html
Exercise Solutions: https://github.com/dimal-dev/html-css/tree/main/solutions
Tutorial Code: https://github.com/dimal-dev/html-css/tree/main/tutorial-code
Course Assets: https://dimal-dev.github.io/html-css
_Tutorial 1_
Google Chrome Download Link - https://www.google.com/chrome/
VSCode Download Link - https://code.visualstudio.com/download
_Tutorial 2_
Tutorial image absolute URL - https://dimal-dev.github.io/html-css/img-1.png
Images for Practice Exercises - https://dimal-dev.github.io/html-css/images-2.html
YouTube Video 1 (mkbhd) - https://www.youtube.com/watch?v=kFz9afj8lu0
YouTube Video 2 (Time Travel) - https://www.youtube.com/watch?v=dBxxi5XAm3U
YouTube Video 3 (Math) - https://www.youtube.com/watch?v=Zrv1EDIqHkY
_Tutorial 3_
Images for Practice Exercises - https://dimal-dev.github.io/html-css/images-3.html
_Tutorial 4_
Resources for Practice Exercises - https://dimal-dev.github.io/html-css/resources-6.html
_Tutorial 5_
List of colors - https://developer.mozilla.org/en-US/docs/Web/CSS/named-color
List of cursor values - https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
Image absolute URL - https://dimal-dev.github.io/html-css/img-1.png
_Tutorial 6_
Sidebar 1 - https://dimal-dev.github.io/html-css/sidebar.html
Buttons - https://dimal-dev.github.io/html-css/buttons-9.html
Sidebar 2 - https://dimal-dev.github.io/html-css/sidebar-2.html
_Tutorial 7_
Images - https://dimal-dev.github.io/html-css/resources-10.html
_Tutorial 8_
Sidebar Reference Design - https://dimal-dev.github.io/html-css/sidebar-improved.html

🎓 *Get a certificate* with premium learning experience here:
👨‍💻 *Full Premium Course – https://www.udemy.com/course/html-css-from-scratch-build-your-first-web-pages-today/

👋 Hi, I’m Dima — a Full Stack Developer with 12+ years of experience.
I’ve worked with startups and large companies, building real-world web apps using HTML, CSS, JavaScript, and more.
I love sharing what I’ve learned and helping others get started in web development.
*If this helped you, give it a like and sub — more content is coming.*

Contacts
📧 My email - dmytro.los@gmail.com
👨‍💻 LinkedIn - https://www.linkedin.com/in/dima-los

-----
⏱ TIMESTAMPS:
00:00 - Welcome, Goals, and Final Project
01:19 - 1. How to use CSS
26:06 - 2. How to style text
56:06 - 3. Mini Project: Reddit Sidebar
1:19:38 - Udemy Full Premium Course
1:21:52 - 4. Learn CSS Pseudo-classes
1:54:00 - 5. Backgrounds, colors and transitions
2:18:56 - 6. How to use Developer Tools
2:43:54 - 7. Learn CSS Box Model
3:37:01 - 8. Mini Project 2: Improved Reddit Sidebar
4:08:46 - 9. Hands-on CSS Selectors
4:45:44 - 10. Learn Intermediate CSS
6:10:15 - 11. Learn Flexbox
6:50:20 - Next Steps

Видео Learn CSS by Cloning Reddit – Step-by-Step Beginner Course (2025) канала Dima L