silliecelia / 2019-spring-03h-superhero-supply-shop

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CoderBabez

CoderBabez Homework 03 - CSS Layout

Objectives

Practice using box model and flexbox techniques to nicely lay out a page.

Description:

We're opening an exciting new business venture selling supplies to local superheroes!

We have a good start on the shop site, but our layout could use some help.

Use your flexbox skills to....

  1. Make the nav a row of buttons aligned to the left of the page
  2. Center the hero image inside of the red div
  3. Make the capes/tights & sound effects images align in the center of the page in a row, with space around each element. Images should wrap to a new row if there's not enough room.

When you're done, it should look like this.

About


Languages

Language:CSS 50.4%Language:HTML 49.6%