You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
976 B
19 lines
976 B
# Lab
|
|
|
|
## Create This Mockup With Only display:block; Elements
|
|
|
|
|
|
|
|
1. **DO NOT USE** `display:inline-block;` **OR** `display:inline;` **AT ALL. USE ONLY** `display:block;` **AND FLOATS.** Every element on the page must be have `display:block` assigned to it.
|
|
1. Use `overflow:auto;` and `clear:left;`/`clear:right;`/`clear:both;` to clear any unnecessary floating problems.
|
|
1. You do not have to use the exact photography in this mockup. Feel free to find your own
|
|
1. Do not worry about matching the fonts
|
|
1. For the "GET IN TOUCH" section, do not worry about creating form elements for name, email, subject, message, send. Just use standard elements that we've learned about (maybe divs?) and style them appropriately.
|
|
1. You won't get it all done. See how far you can get.
|
|
|
|
## Stretch:
|
|
|
|
1. Research form elements and add them in to match the mockup
|
|
1. Research fonts and find something that matches closely to the mockup
|
|
1. Finish the entire mockup!
|