Coding 101: portfolio website

I believe coding is one of the key skills in visual journalism. From The New York Times' Snow Fall project to the great journalism of The Guardian's Visuals desk, at least the understanding of code is essential. That's why I took the opportunity and decided to make my partner's portfolio from scratch.

I started learning the basic HTML and CSS some time ago, but a language never sticks until you use it. When my partner came to me asking which blog builder should he use for his portfolio webpage, I have accepted the challenge. 

All the coding was quite smooth at the end and even though I am sure my code is pretty messy and unprofessional in ways, I have not only used what I have learnt - I have also learnt much more by experimenting, googling, troubleshooting, etc. 

The end product is kind of a business card with a showreel in a loop and a name hiding a portfolio page behind it.

I have also made the film tiles collapsible so the visitor can watch the whole animation.

You can check the whole sketchymichael's portfolio here, it is definitely worth your time.

As I really enjoyed working on this, I am already having a couple of further coding ideas I'd loved to realize. I can't recommend this learning strategy more!

EDIT: After a bit of a fight with responsiveness, I've decided to make the portfolio site with the Bootstrap's video modal windows instead of CSS's collapsibles. This way the functionality is better and I've gone for the basic clean look as well, so it goes back a bit to the good old paper portfolios.

It feels like I've changed almost the entire code since I've made the first version almost a month ago - and I'm quite sure I will change some minor things again. I'm definitely opened to any bits of advice and recommendations!