Search⌘ K
AI Features
Home
Courses
CSS for Front-end Interviews

CSS Position Challenge 2

Explore positioning techniques in CSS by applying absolute and relative properties to div elements. Understand how to control their placement within container elements and master layout styling for responsive design.

We'll cover the following...

Challenge

Add CSS properties to the given divs to position them in their assigned places. The width and height of boxes are 150 pixels. The color used is:

  • steelblue

Your output should look like this:

Solution review

Let’s have a look at the solution first.

Explanation

body {
  font: 1.2em / 1.5 Helvetica Neue;
}

The font shorthand property is used where 1.2em ...