Certificate Viewer

#webdev #javascript

View on GitHub

I haven't been posting here a lot. I'd like to contribute more so I'll share projects here as I finish them.

Lessons Learned

Most of the "head scratch" issues I ran into were due to minor typos. For example, a missed capital letter in my JavaScript reference to the HTML ID. "I swear this should work!"
I had an issue where the background was cutting off at the bottom. This was resolved by assigning height: 100% to the HTML element
I had an issue with the overflow-x property as the scroll bar was not showing when I'd dummy values to the certificate selector area. I'm not 100% what resolved it, but after some research it appears that it is because the parent div was set to display: grid. I set the grid-template-rows attribute to 100% and I believe this is what resolved the issue.

I'm still new, but if anyone checks out the code and has any questions I'd love to discuss. Likewise, if anyone had any recommendations on how I could have optimized my code, I'm always open for suggestions.