Being able to create a user interface from a design file is considered a basic necessity for front end developers. We will be building a single page website using HTML and CSS.
Given this design file, use CSS to style the web page layout. Remember, you can only use display:inline-block
and box model CSS properties for layout.
Useful Resource: Layout Using inline-block
Objectives:
- Layout the provided HTML using
display:inline-block
and box model CSS properties only - Style the whole page based on the design
- Try to make your styles match the design as closely as you can
Stretch Goal:
- Delete the provided HTML and build your own structure
- Attemp the layout using floats and clears
- Fork / Clone this project into a directory on your machine.
- Pull up the code into your preffered text editor.
- Start coding!