Create a responsive portfolio website using HTML and CSS with Flexbox and Grid. Learn to build a fully responsive design featuring hero, about, services, portfolio, contact, and footer sections. Follow along as the tutorial covers project setup, section creation, and styling techniques. Gain practical experience in modern web design principles and responsive layout strategies. By the end, you'll have a professional-looking portfolio site showcasing your skills and projects.
Overview
Syllabus
What we're building
Creating Project Files
Creating Hero Section
Styling Hero Section
Creating About Section
Styling About Section
Creating Services Section
Styling Services Section
Creating Portfolio Section
Styling Portfolio Section
Creating Contact & Footer Section
Styling Contact & Footer Section
Taught by
Brian Design
Related Courses
-
CSS Grid & Flexbox for Responsive Layouts, v2
-
Build and deploy a portfolio website [Full Tutorial Course]
-
HTML & CSS Coding for Beginners: Build your own portfolio!
-
How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course
-
CSS Bootcamp - Master CSS (CSS Grid / CSS Flexbox)
-
CSS Flexbox Tutorials Flexible Layout Design CSS3 Flex box
