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

Advanced CSS Concepts
Microsoft via edX
Тонкости верстки
Moscow Institute of Physics and Technology via Coursera
CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy
Build Responsive Real-World Websites with HTML and CSS
Udemy
HTML5 & CSS3 Build: Two Responsive Websites in Hindi
Udemy