$\%.$

hackerrank.com

test$/$calcgdbo iq$5/$questions$/6$tigphikon$73$

left container

header

content

sidebar

ALL

article

footer

$($i$)$

$1$

right container

aside block $1$

aside block $2$

aside block $3$

$2$

Position all components as follows.

Use flex display to position elements.

Proportional sizes:

The left container takes $\frac{4}{5}$ of the parent's width.

The right container takes $\frac{1}{5}$ of the parent's width.

The sidebar takes $\frac{1}{4}$ of the parent's width.

The article takes $3/4$ of the parent's width.

The header takes $\frac{1}{5}$ of the parent's height.

The footer takes $\frac{1}{5}$ of the parent's height.

Every layout component should be located exactly how it is shown on the template.