Creating a Layered Card With HTML & CSS
Offered By: Kevin Powell via YouTube
Course Description
Overview
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.
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
Related Courses
User Experience for the WebOpen2Study Writing for the Web
Open2Study Web-Engineering I: Grundlagen der Web-Entwicklung
iversity Human-Computer Interaction Design
University of California, San Diego via Coursera Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)