You can see the final product over at ory.robinlinden.eu.
Having a webpage that works across all common device sizes is more important now than ever as Google Analytics shows users visiting the website with phones made up over 40% of visitors, even before Ory had a mobile-friendly webpage.
What is it?
Responsive design means that you serve the same content to all devices, and use CSS (usually with the help of media queries) to ensure that it looks great everywhere.
Things I learnt
does notdidn’t handle flex minimum width correctly.
- Masonry-style layouts are fairly easy to do with CSS columns.
- How to generate an image gallery from a folder full of images automatically* in Jekyll.
- Scraping a website to get images, titles, and descriptions for an image gallery using Python.