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

Mobile Web Development
Google via Udacity
iDESWEB, Introducción al desarrollo web
Miríadax
Information Design
University of California, San Diego via Coursera
Advanced Styling with Responsive Design
University of Michigan via Coursera
Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera