I need help 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-betweencontent class: set display to be flex and flex-wrap to be wrapmain-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 baselinesummary 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-betweeningredients 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%

Step 1: Approach: These are instructions related to the code <!DOCTYPE html> define the…

Answered: I need help to achieve the desired web…

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

I need help 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%

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

Similar questions