Building a portfolio website with HTML & CSS | Part 1

πŸ”₯ My course: Responsive Design for Beginners! https://coder-coder.com/responsive/

πŸ’» Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b

In this video (Part 1 of 4) I’ll be building a Frontend Mentor challenge, the single-page developer portfolio. I set up global styles and build the header in this video.

Full playlist here: https://www.youtube.com/playlist?list=PLUWqFDiirlsuVOx2WWruGfw5nnuaWHNvI

00:00:00 – Intro
00:01:25 – Design file
00:05:27 – Getting set up
00:11:19 – Adding fonts and colors
00:29:17 – Add global styles
00:40:18 – Building the header

Link to Frontend Mentor challenge: https://www.frontendmentor.io/challenges/singlepage-developer-portfolio-bBVj2ZPi-x
My code on GitHub: https://github.com/thecodercoder/fem-single-page-developer-portfolio

____________________________

SUPPORT THE CHANNEL
⭐ Join channel members and get perks: https://www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ/join
πŸ‘πŸ½ Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme

WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/

RECOMMENDATIONS
⌨ My keyboard, Vissles V84 β€” https://vissles.com/?ref=mu96kxst5w β€” πŸ”₯ get 10% off with code THECODERCODER β€”
πŸ’» Other gear β€” https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
πŸ“š My Favorite Books β€” https://coder-coder.com/best-web-development-books/
πŸ“Ί My Favorite Courses β€” https://coder-coder.com/best-web-development-courses/

πŸ”½ FOLLOW CODER CODER
Blog β€” https://coder-coder.com/
Twitter β€” https://twitter.com/thecodercoder
Instagram β€” https://www.instagram.com/thecodercoder

#webdevelopment #coding #programming

You May Also Like