https:\/\/codepen.io\/team\/css-tricks\/pen\/xxPOgmZ<\/a><\/p>\n\n\n\nTo add some interactivity to the nav links, I used a ::before pseudo-element to create a thin line underneath each item. The line is styled using a set height, full width, and a background color to match the site\u2019s accent color. At first, the line is hidden using transform: scaleX(0), and when the user hovers over a link, it expands from the center to the full width of the element using transform: scaleX(1). It\u2019s a simple effect but it helps the site feel a little more interactive.<\/p>\n\n\n\n
Here is sample of what it the navigation links look like:<\/p>\n\n\n\nAs my internship class winds down I have a few other tasks that I need to complete to finish out the semester. I need to review, test, and validate the website before being able to launch it. Once I finish reviewing I can finalize the hosting to get all the projects uploaded. I still need to create some training materials so they can do some basic updating of information on their sites. I am excited to conclude these projects to finish up the semester and my time in school!<\/p>\n","protected":false},"excerpt":{"rendered":"
This past week I was able to make a few tweaks to my work portfolio website to bring some more consistency to the webpages. I was also able to get back to my client project for the music teacher. I started coding the music classroom website. This site is similar […]<\/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-90","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.sethcormican.com\/internship-blog\/index.php?rest_route=\/wp\/v2\/posts\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sethcormican.com\/internship-blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sethcormican.com\/internship-blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sethcormican.com\/internship-blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sethcormican.com\/internship-blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=90"}],"version-history":[{"count":1,"href":"https:\/\/www.sethcormican.com\/internship-blog\/index.php?rest_route=\/wp\/v2\/posts\/90\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/www.sethcormican.com\/internship-blog\/index.php?rest_route=\/wp\/v2\/posts\/90\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/www.sethcormican.com\/internship-blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sethcormican.com\/internship-blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sethcormican.com\/internship-blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/www.sethcormican.com\/internship-blog\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-05-at-11.41.17\u202fPM-1024x214.png\")
<\/figure>\n\n\n\n