April 6, 2013 at 6:50 am #43922
I have used masonry js before with fixed width blocks inside a container, and it work fine, don’t know if i am missing something but, i have a new site I’m working on – [Staff page](http://garypickles.com/lab/theteam.php “Staff Page”) – in this layout the width of each block is a percentage of the container, but that width/percentage changes with media quires as the browser resizes, this I can’t get to work with masonry as it seems to want fixed width content! the question is, can I use percent widths with masonry or is there an alternative method?
This is my first fully responsive design, and the first time i have used SASS on a complete project, any general comments would be welcome.April 6, 2013 at 2:36 pm #130852
No problem! You just need to make sure masonry is changing when you resize the browser (though, really, that must be a very rare occurrence). http://masonry.desandro.com/demos/fluid.htmlApril 7, 2013 at 3:37 am #130895
Have looked at this, and best i can figure out i have to commit to the number of columns used, but i need the number of columns to change depending on screen width for 1 to 4.April 7, 2013 at 1:05 pm #130930
Did not have any luck, so i have changed the design, much happier with this layout, any comments on the whole site would be welcome….
[Nikki Colins Hair Company…](http://garypickles.com/lab/theteam.php “Nikki Colins Hair Company”)April 9, 2013 at 4:27 pm #131162
You must be logged in to reply to this topic.