CSS: Responsive Flex Website LayoutComplete a responsive application Ul as described.Demo:Show animationIt contains the following components. header main article aside footerPosition the components as described. The container has the class name "layout". It should use a flex display. The height of the header should be $70$px$.$ The height of the footer should be $70$px$.$ For the desktop layout $($screen width $768$px$)$: The width of the aside should be $100$px$.$ The article should take up the remaining space. For the mobile layout $($screen width $<768$px$)$: The aside should be positioned right after the header with a width of $100\%$ and $70$px height. The content should be positioned right after the aside and take the remaining space.The markup for the question is provided. Complete the src$/$css$/$style$.$css file to implement the required features.Read$-$only files test$/*$ src$/$index$.$js src$/$Index$.$html src$/$css$/$readonly$,$css