{"id":497,"date":"2018-06-05T08:30:45","date_gmt":"2018-06-05T08:30:45","guid":{"rendered":"https:\/\/ucsbwebdev.fzilla.com\/?p=497"},"modified":"2018-06-05T08:30:45","modified_gmt":"2018-06-05T08:30:45","slug":"final-exam-list-of-items-to-remember","status":"publish","type":"post","link":"https:\/\/ucsbwebdev.fzilla.com\/?p=497","title":{"rendered":"Final Exam List of Items to Remember"},"content":{"rendered":"<p>There is a small list of the things that you need to memorize to do well on the Final Exam:<\/p>\n<ul>\n<li>Header\n<ul>\n<li>SVG logo is simply an <strong>img\u00a0<\/strong>tag with a src and a width attribute<\/li>\n<li>Apply flex, justify-content (space-between), and align-items (center)<\/li>\n<li>Add padding to the top and bottom (20px 0)<\/li>\n<li>The buttons in the right navigation need\n<ul>\n<li>To be selected directly with CSS (<strong>not the wrapping div<\/strong>) <span style=\"text-decoration: underline;\"><strong>.menu a<\/strong><\/span><\/li>\n<li>Use display: inline-block (proper way to apply padding)<\/li>\n<li>Add padding<\/li>\n<li>Remove the text-decoration (set to none)<\/li>\n<li>Border needs 3 property\u00a0definitions:\n<ul>\n<li>Width = 1px<\/li>\n<li>Style = solid<\/li>\n<li>Color = green (or black or any color)<\/li>\n<li>Resulting in: <span style=\"text-decoration: underline;\"><strong>border: 1px solid green;<\/strong><\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Hero requires a background image, background-size cover, and padding (90px 90px 60% 90px)\n<ul>\n<li>background: url(http:\/\/somewhere.com\/myimage.jpg) no-repeat;<\/li>\n<li>background-size: cover;<\/li>\n<\/ul>\n<\/li>\n<li>The left column needs a width of about 30% and will contain a form which needs 3 tags\n<ul>\n<li>Open close <strong>form<\/strong> tag<\/li>\n<li><strong>Input<\/strong> tag (can be empty, and it&#8217;s a self-close tag like img)<\/li>\n<li><strong>Button<\/strong> tag (with text Go inside)<\/li>\n<\/ul>\n<\/li>\n<li>In the left column, the list with fontawesome icons needs you to\u00a0 copy the code from the fontawesome page I provide\u00a0<strong>but also\u00a0<\/strong>needs you to add the link tag from the fontawesome\u00a0Getting Started page from the header navigation in their website!<\/li>\n<li>The footer should have two immediate children (logo and footer-nav)\n<ul>\n<li>The footer-nav\u00a0<strong>also\u00a0<\/strong>has two immediate children nav-left and nav-right<\/li>\n<li>The anchor buttons inside the left and right nav need to be\u00a0<strong>display: block;\u00a0<\/strong>with a border-bottom<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>If you remember these instructions you should do quite well!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There is a small list of the things that you need to memorize to do well on the Final Exam: Header SVG logo is simply an img\u00a0tag with a src and a width attribute Apply flex, justify-content (space-between), and align-items (center) Add padding to the top and bottom (20px 0) The buttons in the right [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-497","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=497"}],"version-history":[{"count":1,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/497\/revisions"}],"predecessor-version":[{"id":498,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/497\/revisions\/498"}],"wp:attachment":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}