Flexbox Styling

Profile

Flexbox Styling
Complete a CSS stylesheet such that the provided HTML ([login to view URL]) looks like the following webpage. Ive attached all files that need to be used and an image of what it needs to look like. Here is a list of everything this CSS stylesheet provided HTML needs to contain. Its a very small project and wont take much time.
To achieve the desired web page, the following style rules should be utilized:
tag: set display to be flex and justify-content to be space-between
content class: set display to be flex and flex-wrap to be wrap
main-content class: set display to be flex, flex-wrap to be wrap, flex-grow to be 1, and flex-basis to be 70%
title class: set display to be flex and align-items to be baseline
summary class: set display to be flex, justify-content to be space-evenly, flex-grow to be 1, and flex-basis to be 100%
tag child of
tag child of summary class: set display to be flex and justify-content to be space-between
ingredients and directions classes: set flex-grow to be 1 and flex-basis to be 45%
related-content class: set flex-grow to be 1 and flex-basis to be 20%
Skills:
CSS
, HTML
, Website Design
, HTML5
, JavaScript

Company info

Sign Up Now - WashingtondcCrossing.com