I’m studying for my Website Design class and don’t understand how to answer this. Can you help me study?

4.15 LAB: Flexbox Styling

Complete a CSS stylesheet such that the provided HTML (oatmeal_cookies.html) looks like the following webpage.

Webpage design for flexbox styling lab

To achieve the desired web page, the following style rules should be utilized:

<header> 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%
<div> tag child of <div> 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%

Our Service Charter

1. Professional & Expert Writers: Studymonk only hires the best. Our writers are specially selected and recruited, after which they undergo further training to perfect their skills for specialization purposes. Moreover, our writers are holders of masters and Ph.D. degrees. They have impressive academic records, besides being native English speakers.

2. Top Quality Papers: Our customers are always guaranteed papers that exceed their expectations. All our writers have +5 years of experience. This implies that all papers are written by individuals who are experts in their fields. In addition, the quality team reviews all the papers before sending them to the customers.

3. Plagiarism-Free Papers: All papers provided by Studymonk are written from scratch. Appropriate referencing and citation of key information are followed. Plagiarism checkers are used by the Quality assurance team and our editors just to double-check that there are no instances of plagiarism.

4. Timely Delivery: Time wasted is equivalent to a failed dedication and commitment. Studymonk is known for timely delivery of any pending customer orders. Customers are well informed of the progress of their papers to ensure they keep track of what the writer is providing before the final draft is sent for grading.

5. Affordable Prices: Our prices are fairly structured to fit all groups. Any customer willing to place their assignments with us can do so at very affordable prices. In addition, our customers enjoy regular discounts and bonuses.

6. 24/7 Customer Support: At Studymonk, we have put in place a team of experts who answer all customer inquiries promptly. The best part is the ever-availability of the team. Customers can make inquiries anytime.

University of Phoenix Flexbox Styling Lab

University of Phoenix Flexbox Styling Lab

4.15 LAB: Flexbox Styling

Our Service Charter

Format and Features

Our Advantages

Useful Links