
previous

page 3
next
Can you now create a styles.css that will produce this layout?
my styles.css
body {
display:flex;
align-items: center;
flex-direction: column;
}
#title {
font-size: 5vmin;
color:blue;
}
#score {
font-size: 4vmin;
font-style: italic;
}
#main {
display:flex;
}
#pic {
height:40vmin;
padding:1vmin;
border:solid .5vmin brown;
margin-right:2vmin;
}
#answers {
display:flex;
justify-content: space-around;
align-items: center;
flex-direction: column;
font-size: 3vmin;
}
#answers div {
border:solid .5vmin brown;
padding:1.5vmin;
background-color: beige;
}
display:flex;
align-items: center;
flex-direction: column;
}
#title {
font-size: 5vmin;
color:blue;
}
#score {
font-size: 4vmin;
font-style: italic;
}
#main {
display:flex;
}
#pic {
height:40vmin;
padding:1vmin;
border:solid .5vmin brown;
margin-right:2vmin;
}
#answers {
display:flex;
justify-content: space-around;
align-items: center;
flex-direction: column;
font-size: 3vmin;
}
#answers div {
border:solid .5vmin brown;
padding:1.5vmin;
background-color: beige;
}
previous
next