Tuesday, 21 May 2013

Issues | Design and Technical

I've been having problems positioning 6 images next to each other in a single row for my gallery half way down my page. The fact I had id's for every single image made my code a nightmare and to make it was responsive was going to be horrific. I  have now realised I can use column count and its sorted out my problem completely. I've applied column count and it now works really well. You can see a screenshot of my code below!



I then went on to develop this idea further and add some interactivity. I set a hover state using a pseudo class. That means that on hover the image gets smaller. Its something very small but I think it adds a playful and fun element. Again you can see this below in the screenshot.




















Here's a video of the final product!

No comments:

Post a Comment