One of my dad’s favorite artists was Johnny Cash; this page was created in honor of my dad.
Johnny Cash is known as the Man in Black, so I chose to stay with a somber, gray/black/white color scheme.
I originally completed the Tribute Page in October 2017. That one was created with Bootstrap, did not follow any sort of best practice for the CSS, and did not include semantic HTML, just a bunch of divs.
For this redesigned version, I decided to work with Flexbox for the first time and… am attempting to implement BEM for the first time, and… am striving to properly use semantic HTML.
- My implementation of Flexbox works, but I’m real sure it’s not super clean. (The use of ids is for the benefit of the FCC tests, with the exception of
#citewhich is used intentionally.)
- Likewise, I’m sure the BEM can be refined.
- Fingers crossed that the semantic HTML is well done.
Also - I couldn’t figure out how to get the WebAIM tool to work with CodePen, so I’ve been unable to analyze the page from that perspective.
I welcome big corrections and little tweaks. Thank you! --Janice