Postcards
View page: Here
We were to accompany three quotes with three images, which have to be related to each other. Using @media selectors, these "postcards" have to look decent at any viewport size. I curated the three best quotes I know by the internet legend "dril", and placed them on images referred to by the quotes.
What we learnt:
@media for width.
What I learnt:
@media for aspect ratio, putting everything on one page and making it serve a random one on load.
What I need to learn:
I'll never be able to catch all the edge cases so I should not spend more time than needed.