37 lines
519 B
CSS
37 lines
519 B
CSS
|
/* INSTRUCTIONS
|
||
|
|
*
|
||
|
|
* 1) Limit the total width of
|
||
|
|
* the .intro-conent to about half
|
||
|
|
* of it's parent
|
||
|
|
*
|
||
|
|
* 2) Stop the text from overflowing
|
||
|
|
* out the bottom at small screen
|
||
|
|
* widths
|
||
|
|
*
|
||
|
|
* You may modify the HTML if needed
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
* {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
font-family: sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
background: #23424a;
|
||
|
|
color: white;
|
||
|
|
|
||
|
|
width: 80%;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.intro-content {
|
||
|
|
padding: 2em;
|
||
|
|
width: 50%;
|
||
|
|
}
|