Welcome to your first knowledge check for Code Louisville's Web Development Track. Please reveiw the following list of changes and corrections to the following site. The following assesment is Open Book meaning you may use the internet, books, and notes to arrive at your answers.
Please complete the following list of items, but also feel free to customize the images and text to your liking.
To Do:
- 1. Add
Viewportmetatag - 2. Center div
hero-contentinherosection - 3. Change
Herobutton:hovercolors. - 4. Change photo in
About Mesection. - 5. BONUS: Add a
Contactsection.
-
Add the
viewportmeta tag withcontent="width=device-width, initial-scale=1options to the<head>. -
Center horizontally and vertically the div with the class
hero-contentinside thehero-containerparent div. Use flexbox to complete this challenge.
*NOTE - Please check the article at the following site: https://css-tricks.com/centering-css-complete-guide/ for more information.
-
Change the
:hoverbackground and border color for the class.btnin the divhero-contentto the color:#74b44a. -
Switch out cat photo in
About Mesection, with a photo of your own choosing. You must download and add the photo to theimgfolder -
BONUS: Add a
Contactsection below theProjectssection. Add contact information (real/fake use your best judgement), social media, links, embed a google map, etc.