Masonry like centred layout

Closed Posted 6 years ago Paid on delivery

£20-250 GBP

Paid on delivery

Closed Paid on delivery

I've created a grid layout as you can see in this demo: [login to view URL]

As the grid is centred I achieved this simply using display: inline-block and just applying text-align: centre to the container. BUT now the client has asked for 'double height' blocks too, as you'll see in the codepen the 'grid-block' with the 'large' class are double the height but as these are inline-block there's massive gaps to the side.

I need to create a layout where the blocks fill all these gaps, like you do with a masonry layout for example but there doesn't seem to be a layout mode that allows for this.

HTML JavaScript jQuery / Prototype PHP

Project ID: #14591423

About the project

30 proposals Remote project Active 6 years ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs

30 freelancers are bidding on average £141 for this job

Risalat1's Profile Picture
Risalat1

Ready to work with you, could you please send me some more details about your project so we will estimate it accordingly.... Relevant Skills and Experience Ready to work with you, could you please send me some more de More

£150 GBP in 3 days
(482 Reviews)
8.2
libxml1's Profile Picture
libxml1

Hi. I'm available and interested to work on this project. You can contact me any time. Relevant Skills and Experience Full stack web developer Proposed Milestones £150 GBP - Payment

£150 GBP in 2 days
(51 Reviews)
7.4
vranjan's Profile Picture
vranjan

Hi, We are excited to see you on our profile. 3iLogics is a leading developer of Mobile Applications ( Native & Hybrid), Multi-player Games (Unity 3D) and Responsive Websites (Open Source, PHP, ASP ) for all popular More

£91 GBP in 3 days
(212 Reviews)
7.2
kawalecove's Profile Picture
kawalecove

Hello Sir, I checked your requirement and i can do that can you please contact me so that we can discuss further. Relevant Skills and Experience We are a team of 45 persons including developers and designers and all h More

£144 GBP in 3 days
(68 Reviews)
6.3
sayootech's Profile Picture
sayootech

Hey, Greeting of the day, I am swati. I was looking through your project requirements regarding grid layout. I have strong knowledge in { Website Design, PHP, Wordpress, Ecommerce, Magento, Opencart, HTML5, Jquery, More

£111 GBP in 2 days
(77 Reviews)
6.4
ayushi6214's Profile Picture
ayushi6214

Hi, I read your proposal carefully and completely understood your requirement.  I am working from almost 3 years in this domain and recently completed few projects which are almost same as yours.  I also assure you abo More

£100 GBP in 1 day
(17 Reviews)
5.7
pinkcitysolution's Profile Picture
pinkcitysolution

Hi, Pinkcity Solutions is an IT based company located in Jaipur, Rajasthan, India. The company is serving from last 4 years in the Web, Mobile, Graphic and SEO development work. We are complete team of profession More

£150 GBP in 3 days
(30 Reviews)
5.3
mozamarius's Profile Picture
mozamarius

Hey there, i work as a front-end developer for a company. I can help out with the layout. Lets chat and we will figure this out. Careful with the indians/pakinstans freelancers they just repost the job for less $. R More

£100 GBP in 3 days
(28 Reviews)
4.6
alexshk's Profile Picture
alexshk

Hi I can do this, but with js on one day Relevant Skills and Experience Javascript CSS Proposed Milestones £150 GBP - Fix code

£150 GBP in 1 day
(6 Reviews)
4.7
visetechnologies's Profile Picture
visetechnologies

Hello, I will make madonry like layout for your project. Please let me know when will you be available to discuss further in detail Relevant Skills and Experience HTML, Javascript, jQuery / Prototype, PHP Proposed M More

£150 GBP in 3 days
(3 Reviews)
3.0
Post a project like this