To fulfill my client's user story request, I created a codebase that followed their accesibility standards to optimize their search engines.
I reviewed and edited their html and css files to make sure:
- All links were working correctly
- To consolidate CSS selectors and properties
- Organize CSS selectors and properties to follow the semantic structure of the HTML elements
- Include any comments in the CSS and HTML files
- All accessibility standards were met
I learned a lot about different semantic HTML elements. While I was working on fixing and consilidating code, I hit a lot of bumps on the road that made me realize how important attention of detail is for coding. A typo can throw off the whole output of a page.
git clone git@github.com:PDKetchum/module-1-code-refractoring.git- Open
index.html
Hosted: https://pdketchum.github.io/module-1-code-refractoring/
GitHub URL: https://github.com/PDKetchum/module-1-code-refractoring
Screenshot of page