YoVDO

Creating a Responsive, Asymmetrical Design with HTML & CSS

Offered By: Kevin Powell via YouTube

Tags

HTML & CSS Courses Computer Science Courses Flexbox Courses HTML Courses Responsive Web Design Courses CSS Grid Courses

Course Description

Overview

Learn how to create a responsive, asymmetrical design using modern CSS techniques in this 58-minute tutorial. Explore the power of grid, subgrid, flexbox, and functions like clamp() to simplify complex layouts. Follow along as the instructor guides you through the project, starting with mobile-first CSS, then setting up the grid and subgrid, and finally adjusting for larger screens. Gain practical skills to make responsive web design easier and more efficient.

Syllabus

- intro
- project starts
- starting the CSS mobile-first
- setting up the grid
- setting up the subgrid
- adjusting for bigger screens


Taught by

Kevin Powell

Related Courses

HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX
Build Responsive Real-World Websites with HTML and CSS
Udemy
HTML5 & CSS3 Course: Build Responsive Websites from Scratch
Udemy
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy
Modern HTML & CSS From The Beginning 2.0 (2024 Revamp)
Udemy