YoVDO

Building a Portfolio Website With HTML & CSS - Part 2

Offered By: TheCoderCoder via YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Design Courses HTML Courses Responsive Design Courses

Course Description

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

Related Courses

Intro to HTML and CSS
Udacity
Responsive Web Design Fundamentals
Google via Udacity
HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX
CSS Basics
Microsoft via edX
Advanced CSS Concepts
Microsoft via edX