Answered: January Any Chua February Scott Sampson…

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 making this css code into the image i provided. I will add directions for it aswell. I can't send the full html, but the images described in the directions are in 'h3' and are labeled 'aside h3' as shown in the css code.

CSS

/* the styles for the main content */

main {

display: flex;

}

/* the styles for the section */

section {

flex-basis: 50%;

order: 2;

padding: 0 2.5% 20px 2.5%;

}

section h1 {

font-size: 150%;

padding: .5em 0 .25em 0;

margin: 0;

}

section h2 {

color: #800000;

font-size: 130%;

padding: .5em 0 .25em 0;

}

section p {

padding-bottom: .5em;

}

section blockquote {

padding: 0 2em;

font-style: italic;

}

section ul {

padding: 0 0 .25em 1.25em;

list-style-type: circle;

}

section li {

padding-bottom: .35em;

}

/* the styles for the article */

article {

padding: .5em 0;

border-top: 2px solid #800000;

border-bottom: 2px solid #800000;

}

article h2 {

padding-top: 0;

}

article h3 {

font-size: 105%;

padding-bottom: .25em;

}

article img {

float: right;

max-width: 40%;

min-width: 150px;

margin: .5em 0 1em 1em;

border: 1px solid black;

}

/* the styles for the aside */

aside {

flex-basis: 25%;

order: 1;

padding: 0 0 20px 2.5%;

}

aside h2 {

color: #800000;

font-size: 130%;

padding: .5em 0 .25em 0;

}

aside h3 {

font-size: 105%;

padding-bottom: .25em;

}

aside img {

padding-bottom: 1em;

}

/* the styles for the footer */

footer {

background-color: #931420;

clear: both;

}

footer p {

text-align: center;

color: white;

padding: 1em 0;

}

#mobile_menu {

display: none;

}

/* screen widths 768px to 959px */

@media only screen and (max-width: 959px) {

section h1 { font-size: 135%; }

section h2, aside h2 { font-size: 120%;

}

/* screen widths 480px to 767px */

@media only screen and (max-width: 767px) {

header img { float: none; }

header {

display: flex;

text-align: center;

}

header, footer {

flex-wrap: wrap;

justify-content: center;

}

header h2, header h3 { flex-basis: 100%; }

main { flex-direction: column; }

section {

order: 1;

width: 95%;

}

aside {

order: 2;

padding-right: 2.5%;

width: 95%;

}

article img { max-width: 30%; }

#speakers {

column-count: 2;

}

#nav_menu {

display: none;

}

#mobile_menu {

display: block;

}

.slicknav_menu {

background-color: #800000 !important;

}

/* screen widths 767px and less */

@media only screen and (max-width: 479px) {

body { font-size: 90%; }

main {

flex-direction: column;

}

aside h3{

order: 2;

}

4. In the CSS file, note that the main element is implemented as a flexbox and that the left
aside and the section elements contain flex properties that specify their initial width and
order.
5. Modify the CSS so the flex items in the flexbox for the main element are laid out as shown
above in desktop layout.
6. Modify the CSS for the media query for screens with widths of 767 pixels or less so the flex
items for the main element are laid out in a single column as shown above. In addition,
display the speakers in the first aside in two columns.

November
Andrew Ross Sorkin
January
Amy Chua
February
Scott Sampson
members. I think of it as the gift of knowledge...and thet is
priceless."
Speaker of the Month
Fossil Th
February
Scott Samp
What's 75 mill
spanking new
Utahceratops
armed with yo
when Scott S
Curator at the
Natural Histor
Sampson's re
the ecology a
Cretaceous d
of countries in
Read more.
Our Ticke
Season Pa
Patron Pad
Single Spe
© 2022.
Our Ticket Packages
Season Package: $95
Patron Package: $200
Single Speaker: $25
Guest speakers
October
David Brancaccio
November
Andrew Ross Sorkin
scheduled speaker, Greg
Mortenson, has been
postponed
January
Amy Chua
February
Scott Sampson
Event change for November
SJV Town Hall is pleased to announce the addition of award-winning author Andrew
Ross Sorkin. The appearance of previously scheduled speaker, Greg Mortenson, has
been postponed
Ⓒ2022, San Joaquin Valley Town Hall, Fresno, CA 93755
1. Open the HTML and CSS files that follow:
short_exercises\town_hall\c09x_index.html
short_exercises\town_hall\styles\c09x_main.css
2. Note that a second aside has been added to the HTML after the first aside and that both asides
have been give an id. The new aside contains the heading and text shown in the third column
above.
3. Test the index page to see that the second aside is displayed between the first aside and the
section

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 5 steps with 2 images

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