Overview
Follow along with a comprehensive video tutorial on coding a responsive webpage from scratch using HTML and CSS. Begin with markup creation, then dive into CSS styling, including custom property setup, typography, and navigation. Progress through mobile-first layout development, covering sections like hero, intro, about us, order online, products, and footer. Conclude with media queries for the desktop version. Gain practical insights into responsive web design techniques and best practices throughout the coding process.
Syllabus
- intro
- Start the markup sorry for the long intro, lol
- Start CSS / Custom Property setup
- Typography
- Navigation
- Start mobile layout - hero section
- Intro section mobile
- About Us section the two column part
- Order online section
- Products Section
- Footer
- Media Query / Desktop version
Taught by
Kevin Powell