How do I create this grid in HTML/CSS (no JS)

Question

I have to implement this grid of divs. It won't change often, but it may at some point (meaning a box may be removed, and another resized). Each black box will eventually contain an image or a word, but that's not important.

How do I pull this off? Is there a more elegant way than by absolutely positioning every single box and manually entering every X/Y/width/height?

Do you use Sass? If you do, I can provide you with a great and easy answer. :) — Rudolph Gottesheim
– Rudolph Gottesheim, Commented Jan 22, 2013 at 16:15
Why did you remove the link to the image? This grid can be achieved with CSS/HTML. — web-tiki
– web-tiki, Commented Jun 24, 2014 at 18:25

Dave Hogan · Accepted Answer · 2013-01-22 16:11:14Z

1

A grid based approach would be my recommendation. Something like: http://960.gs/

EDIT (some more options)

http://developer.yahoo.com/yui/grids/

http://cssgrid.net/

answered Jan 22, 2013 at 16:11

Dave Hogan

3,2216 gold badges31 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I create this grid in HTML/CSS (no JS)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related