Overview
Continue building a portfolio website with HTML and CSS in this comprehensive video tutorial, focusing on creating the hero section of a Frontend Mentor challenge. Learn how to study design requirements, implement mobile-first responsive layouts, and add various styling elements. Explore techniques for working with images, including the srcset attribute, and discover how to create underlines and style links. Dive into SVG implementation, tablet and desktop styles, and troubleshoot common layout issues. Follow along as the instructor guides you through each step of the process, from mobile to desktop designs, with a brief tea break included. Perfect for web developers looking to enhance their HTML and CSS skills while creating a professional-looking portfolio website.
Syllabus
- Intro
- Studying the Hero section design
- Mobile hero, research srcset
- Adding mobile hero styles
- Hero headline underline
- Hero link styles
- Hero SVG images
- Tablet styles
- Troubleshooting the hero text height changing
- Tea break!
- Desktop styles
Taught by
Coder Coder