Build and Deploy a Responsive Gallery Portfolio Using HTML and CSS

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Learn to create and deploy a responsive gallery portfolio using HTML and CSS in this comprehensive tutorial. Develop a visually appealing website featuring a hero section, image gallery with hover effects, and responsive design. Master techniques for styling headers, footers, and social media links. Gain practical experience in web development by building a professional-looking portfolio from scratch. Conclude the tutorial by deploying the finished site to a custom domain, allowing you to showcase your work online.

Syllabus

Intro
Domain
Project Overview
Inspecting the Page
Hero Section
Two Rows
Adding Images
Using Images
Transform by Scale
Opacity
Transition
Box
Styling
Fonts
Header
List
Footer
Instagram Twitter
Apply Transition to Container
Make Website Responsive
Upload Files