Answered: 1. Open the code5-2_flex.css file.…

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

1. Open the code5-2_flex.css file. Display the section element as a flexbox. Set the flow of items within the flexbox to go in row order with reverse wrapping so that the first item (Facebook) appears in the bottom-left corner and the last item (E-mail) appears in the top-right corner.

Complete this task in conjunction with the following task: "Apply flex layout styles to card class's div elements".

2. Set the growth and shrink rate of the div elements of the card class to 1 and 1. Set the flex basis of those elements to 200 pixels. Display each div element of the card class itself as a flexbox.

Next, apply the following flex layout to the items within the card div elements:

Lay out the items in column order with no wrapping.
Justify the content of the items within the flexbox with space between.
Center each of the items with respect to the cross axis.

Complete this task in conjunction with the previous task: "Style the section element as a flexbox".

Expert Solution

Step 1

To display the section element as a flexbox and set the flow of items within the flexbox to row order with reverse wrapping, add the following CSS code to the code5-2_flex.css file:

Trending now

This is a popular solution!

Step by step

Solved in 4 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