Building a Portfolio Website With HTML & CSS

Overview

Learn how to build a professional portfolio website using HTML and CSS in this comprehensive video tutorial. Dive into creating the Projects and Contact Form sections of a single-page developer portfolio, following a Frontend Mentor challenge. Master responsive design techniques for mobile, tablet, and desktop layouts while implementing interactive features like hover states and keyboard-accessible overlays. Explore solutions for common issues such as horizontal scrollbars and responsive images. Gain practical experience in structuring HTML markup, applying CSS styles, and creating user-friendly form validation. Perfect for web developers looking to enhance their front-end skills and create an impressive online presence.

Syllabus

- Studying Projects section design
- Adding HTML markup
- Mobile styles
- Discovering horizontal scrollbars
- Position relative workaround
- Finish mobile, start tablet styles
- Desktop styles and hover states
- Trigger overlay for keyboard users
- Fixing responsive images
- Studying Contact Form section design
- Adding HTML markup
- Mobile styles
- Invalid form styles
- Tablet styles
- Desktop styles