Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Position Absolute and Responsive Layouts

Kevin Powell via YouTube

Start learning Write review
OpenLearning Ad

Future-Proof Your Career: AI Manager Masterclass

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course demonstrates how to use CSS position: absolute in responsive layouts, using layered credit-card elements as a practical example. It covers containing blocks, offsets, padding workarounds, and applying the technique to larger layout pieces.

Syllabus

- Introduction
- The HTML
- Setting things up the right way to use position absolute
- Why you need a defined space for your positioned elements
- Positioning in relation to the element’s containing block
- Emulating padding with position absolute
- Applying this to larger layout pieces

Taught by

Kevin Powell

Reviews

Start your review of Position Absolute and Responsive Layouts

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.