<div>
please close this question I found an alternative solution<br />
<br />
best regards
</div>


please close this question I found an alternative solution

best regards

<div>
<div class="content wysiwyg-content">
I have a proyect where i need to do a photo gallery, actually I use the masonry plugin from this page:<br />
<br />
<a href="http://masonry.desandro.com/" rel="ugc">http://masonry.desandro.com/</a><br />
<br />
and it is working right now, but at the bottom of the gallery as you see in the image: image1.jpg<br />
alignment<a href="https://filedb.experts-exchange.com/incoming/2015/10_w40/950726/image1.jpg" target="_blank" title="image1.jpg (94 KB)"><img alt="image1.jpg" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2015/10_w40/800_950726/image1.jpg" /></a>the images are not alignament.<br />
<br />
Looking for an alternative I found the webpage from michigan university (<a href="http://umich.edu/" rel="ugc">http://umich.edu/</a>), and if you see at the bottom of the page a gallery that looks made it with masonry(image2.jpg)<a href="https://filedb.experts-exchange.com/incoming/2015/10_w40/950727/image2.jpg" target="_blank" title="image2.jpg (246 KB)"><img alt="image2.jpg" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2015/10_w40/800_950727/image2.jpg" /></a><br />
Did somebody know how to alignment at the bottom of the gallery the images like the webpage from michigan university???<br />
<br />
Best regards
</div>
</div>


image1.jpg

image2.jpg

I have a proyect where i need to do a photo gallery, actually I use the masonry plugin from this page:

http://masonry.desandro.com/

and it is working right now, but at the bottom of the gallery as you see in the image: image1.jpg
alignment
the images are not alignament.

Looking for an alternative I found the webpage from michigan university (http://umich.edu/), and if you see at the bottom of the page a gallery that looks made it with masonry(image2.jpg)

Did somebody know how to alignment at the bottom of the gallery the images like the webpage from michigan university???

Best regards

is this gallery made it with a masonry plugin??

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Responsive Web

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.