I Finally Started with Responsive Design

The image in this post was only available as a small thumbnail (the original could not be found anywhere), so it was upscaled (bicubically for screenshots with text, with the Real-ESRGAN AI algorithm for photos). Its fine detail may not exactly match the original.
Although it’s nothing special yet. Does this remind you of anything?

Image 2015-06-01 at 8.21.41 odp.
 

11334327_1654183548138621_1226006448_n
Yes, I took a lot of inspiration, but otherwise I barely used any code from the page that inspired me. 95% of the unmodified CSS and HTML is my own. In the end, this site helped me make it happen: http://flexboxgrid.com/ . That is also the only code I downloaded. But it helped me a lot. I was surprised when I removed a bunch of declarations from that CSS and then couldn’t put it back together, yet as soon as I copied the original files back in, everything just worked without any further help from me.

Otherwise, this is the foundation of my new website Photos, which I’m going to rewrite from ASP.NET/C# to PHP. We’ll see whether I manage it; I still have to program a registration and login system and plenty of other things before the site can work at all. It’s a fully responsive website; on mobile the search box doesn’t show up, but I’ll sort that out somehow 🙂

Categories

Leave a Reply