YoVDO

Build a Responsive, Mobile First Website - HTML5 & CSS3

Offered By: Traversy Media via YouTube

Tags

HTML & CSS Courses Web Development Courses Emmet Courses HTML5 Courses Responsive Web Design Courses CSS3 Courses

Course Description

Overview

Learn to create a responsive, mobile-first single-page photography website using HTML5 and CSS3 in this beginner-friendly tutorial video. Explore mobile-first design principles, implement smooth scrolling, and style various elements including headers, footers, and buttons. Follow along to build a visually appealing website with hover transitions, custom fonts, and box shadows. Access the provided CodePen for the project's source code and check out recommended prerequisite videos on HTML and CSS basics to enhance your understanding.

Syllabus

Intro
What is Mobile First
Writing HTML
Using Emmet
Captions
Add Script
Add Font
Add Box Shadow
Add Landing Text
Add Text Alignment
Add Button
Hover Transition
Adding a Photo
Styling the Header
Styling the Footer
Making the Footer Bigger
Making the Button Bigger
Smooth Scrolling


Taught by

Traversy Media

Related Courses

Responsive PHP Registration Form: From Scratch
Udemy
Aprende a crear páginas web con HTML5 y CSS3
Udemy
Herramientas para el desarrollador web
Udemy
Produtividade com VSCode
Udemy
Code Mobile first websites Rapidly with Emmet & Bootstrap 4
Udemy