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

Overview

Learn how to create responsive layouts using position absolute in CSS through this 28-minute tutorial video. Explore techniques for properly setting up and utilizing positioned elements, understand the importance of defined spaces, and discover how to position elements in relation to their containing blocks. Master the art of emulating padding with position absolute and apply these concepts to larger layout pieces. Gain practical insights by following along with a Frontend Mentor project, with provided code examples and timestamps for easy navigation. Enhance your web development skills and conquer responsive design challenges with position absolute.

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

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.