Home/ Questions/Q 8393977
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T19:56:44+00:00

Lets assume I have 10 blocks for jQuery Masonry, each block(div) width 200px, so

  • 0

Lets assume I have 10 blocks for jQuery Masonry, each block(div) width 200px, so at 1024×768, will look like this after Masonry

[000] [111] [222] [333] [444]
[555] [666] [777] [888] [999]

So, if I change screen resolution to 640×480, it will look like this

[000] [111] [222]
[333] [444] [555]
[666] [777] [888]
[999]

If I change screen resolution to 1600×190, it will look like

[000] [111] [222] [333] [444] [555] [666] [777]
[888] [999]

What I to achieve is: to make the first block([000]) always positioned in the center of the screen.
How?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    PRTFM: “Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall”. You can not fix one Masonry element in the center of a browser’s window with all other elements arranging fluidly around it – you can have a fixed element top right or top left, called a “corner stamp”.

    • 0