✔ about page large image + small gridded image nesting issue
(Completed by Taylor Bernard on March 23, 2015)
Comments
Taylor Bernard on March 10, 2015:
whats best way to lay this section out, got the horz aligned ones knocked out, but dont know best way to align the 4 that are to the right of the quote box. absolute align each one of 4 so they are locked in the corner?
ive used it before and can do it pretty easy. basically you first detail out the interior of each content box. so image/title for the people, and then the big box that has 'our people' in it. for that box, make the div the size of the entire white area above, so that the stuff stacks correctly around it using masonry
using padding to handle the copy inset within the white box like they have it
oh another thing, just use one person image for now, thats all FPO stuff, no need wasting time cutting up more than one person face, its all going to be replaced. so just make one person box, then duplicate it to the count above
do that first, get all the content made out, and take a look at masonry using jquery (our site will have lots of jquery inclusion). if its hard , dont spend lot of time on it and move on to something else and i can hook it up later pretty easily thx
Comments
Taylor Bernard on March 10, 2015:
Justin Bernard on March 10, 2015:
http://masonry.desandro.com/#getting-started
ive used it before and can do it pretty easy. basically you first detail out the interior of each content box. so image/title for the people, and then the big box that has 'our people' in it. for that box, make the div the size of the entire white area above, so that the stuff stacks correctly around it using masonry
using padding to handle the copy inset within the white box like they have it
oh another thing, just use one person image for now, thats all FPO stuff, no need wasting time cutting up more than one person face, its all going to be replaced. so just make one person box, then duplicate it to the count above
do that first, get all the content made out, and take a look at masonry using jquery (our site will have lots of jquery inclusion). if its hard , dont spend lot of time on it and move on to something else and i can hook it up later pretty easily
thx