The how-to site looked like a 90s skating rink and was unusable on mobile devices. I taught myself CSS and HTML to make it look *chef's kiss*. The design is responsive, mobile-friendly, intuitive, and modern.  

Challenges

• No training in web design.
• Making a responsive layout.
• Meeting the needs of multiple products with a single design.

Methods

• Tested and tried and failed and tried again.
• Abandoned MadCap's cumbersome design UI and worked with the code directly.
• Completed market research to learn industry trends and best practices.

Tools

• Google
• DuckDuckGo
• W3Schools Online Web Tutorials
• MDN Web Docs (mozilla.org)
• Code Guide by @mdo
• CSS-Tricks
• MadCap Software Forums
• Stack Overflow
• Phoenix (phcode.dev)
• Notepad++

‍