outoftime/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Imagine you are creating a website to showcase the awards of your favorite celebrity.
Create a website that includes:

A title that takes up 100% of the page width
At least 2 columns for the content (you choose the width and content)

Example


Tips


Start by identifying the parent element that will be the flex box.
What CSS properties do you use to set the parent element's display to be a flexbox?
What CSS property do you use to make the child elements appear on the page as columns?
How do you define how wide an element is on the page?

If you finish early…

You’re only getting started with Flexbox!
If you finish early, look up the following properties of flexbox and see if you can use it in your page.
Parent element:

align-items
align-content
flex-grow
flex-shrink

Child elements:

order
align-self


## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>My Favorite Celebrity</title>
    </head>
    <body>

    </body>
</html>

## popcode.json
{"hiddenUIComponents":["editor.javascript"]}
	<!DOCTYPE html>
	<html>
	<head>
	<title>My Favorite Celebrity</title>
	</head>
	<body>

	</body>
	</html>