Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building a Portfolio Website With HTML & CSS - Part 2

TheCoderCoder via YouTube

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

Reviews

Start your review of Building a Portfolio Website With HTML & CSS - Part 2

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.