DIY: Position the BOX

Let's test our box model and CSS positioning skills.

We'll cover the following

Problem statement

This challenge’s layout design is exemplified in the widget below. Try to build this layout by using the box model and CSS positioning.

First, we have a navbar on the top of the layout with three elements on the left and one on the rightmost position. Then, we have the box model practice layout, where we need to place the box on the rightmost side of the screen.

Get hands-on with 1400+ tech skills courses.