Masonry like centred layout

Закрито Опубліковано %project.relative_time Оплачується при отриманні

£20-250 GBP

Оплачується при отриманні

Закрито Оплачується при отриманні

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

ID Проекту: #14591423

Про проект

30 заявок(-ки) Дистанційний проект Остання активність 6 роки(ів) тому

Хочете заробити?

Переваги подання заявок на Freelancer

Вкажіть свій бюджет та часові рамки
Отримайте плату за вашу роботу
Опишіть свою пропозицію
Реєстрація та подання заявок у проекти є безкоштовними

30 фрілансерів(-и) готові виконати цю роботу у середньому за £141

Світлина профілю Risalat1
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 Більше

£150 GBP за 3 дні(-в)
(482 відгуків(и))
8.2
Світлина профілю libxml1
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 за 2 дні(-в)
(51 відгуків(и))
7.4
Світлина профілю vranjan
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 Більше

£91 GBP за 3 дні(-в)
(212 відгуків(и))
7.2
Світлина профілю kawalecove
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 Більше

£144 GBP за 3 дні(-в)
(68 відгуків(и))
6.3
Світлина профілю sayootech
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, Більше

£111 GBP за 2 дні(-в)
(77 відгуків(и))
6.4
Світлина профілю ayushi6214
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 Більше

£100 GBP за 1 день
(17 відгуків(и))
5.7
Світлина профілю pinkcitysolution
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 Більше

£150 GBP за 3 дні(-в)
(30 відгуків(и))
5.3
Світлина профілю mozamarius
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 Більше

£100 GBP за 3 дні(-в)
(28 відгуків(и))
4.6
Світлина профілю alexshk
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 за 1 день
(6 відгуків(и))
4.7
Світлина профілю visetechnologies
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 Більше

£150 GBP за 3 дні(-в)
(3 відгуків(и))
3.0
Опублікувати схожий проект