Element Layout Interaction
Duration: 23:29
This course builds on concepts from Size Manipulating.
Created with
Ben Fhala
Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.
Element Layout Interaction Overview
What you'll learn
In the last chapter we learnt about the physicality of elements as we control their size, padding and margins. In this chapter we continue where we left off, as we branch out into the relation of elements to their surroundings. By the end of this chapter, you will know how elements are displayed and how to change the way they relate to other times and the display.
Ready to Level Up Your Skills?
Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!
Enroll Now for Free!Making things float
In this first lecture of this topic we take a look at the way elements interact with the items that are right next to them. We will learn to use the clear and float commands.
Displaying elements as block or inline elements
By the end of this lesson, you will understand the differences between inline and block elements and know how to use this logic to define CSS layouts.
Avoiding scrolls
By the end of this lesson you will know how to avoid getting horizontal scrolls.
Types of position layout
By the end of this lesson you will know how to position items in absolute terms.
Ready to Level Up Your Skills?
Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!
Enroll Now for Free!