Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Grid layout (ul) of divs with different sizes [closed]

Tags:

html

css

html-lists

grid

What would be the best way of achieving an unordered list that would look like this?

enter image description here

like image 860
JackArrgon Avatar asked Sep 10 '12 12:09

JackArrgon

1 Answers

You might want to take a look at jQuery Masonry. As far as I know, it's probably the most popular tool used to achieve such layouts.

like image 152
Chris Avatar answered Nov 15 '22 06:11

Chris
Sign in to Comment

Related questions

Remove MS Word "HTML" using PHP [duplicate]
How to make text on a website appear handwritten, but unreadable
Mobile Web App: <header> vs <div data-role="header">. What is the difference?
htmlcxx API usage
Image flickers during drag in canvas
CSS padding-top: 100% uses width of parent?
Change the default Twitter Bootstrap margin 20px for span classes
If I put a rel="nofollow" will the referrer site will appear on Google Analytics of example.com?
How to use padding in div correctly?
Move Div up by 20px - But keep the border
Adblock plus - hide part of css style or change class name? [closed]
Why isn't my function running on document load as expected?
C# code that run constantly - service or separate thread?
Using Beautiful Soup for HTML tables that lack </td> tags
How to outsource a template js to a different file when using Handlebars.js
z-index on absolutely positioned nested elements
Shortcut icon is not working
Bootstrap multiple carousels on one page
JavaScript OnChange Listener position in HTML markup
Is it safe to use email encoders? Or how is it safest to show email address?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!