Learn to create a layered card design using HTML and CSS in this comprehensive tutorial video. Explore advanced techniques like subgrid for element overlap, and follow along as the instructor tackles a UI challenge step-by-step. Master the process of writing semantic HTML, setting up CSS grids, and applying stylish touches to match the design. Gain insights into efficient workflow practices and discover useful tools like Windows Power Toys. Perfect for web developers looking to enhance their front-end skills and create visually appealing, responsive layouts.
Overview
Syllabus
- Introduction
- The challenge that I’m going to be trying
- Writing the HTML
- Generic CSS to set the stage
- Setting up the main grid
- Using subgrid for the overlap
- Styling things up to match the challenge
- Styling the status
- Styling the button
- Finishing touches
- More info about iCodeThis
Taught by
Kevin Powell
