Responsive 'kolommen'

Dat kan gewoon met pure CSS. Een kwestie van een list maken met daarin de img'jes die je een float:left meegeeft. En een div eromheen met een procentuele waarde.

Hallo Aar,
bedankt voor de tip !

CSS code:

ul {
	list-style:none;
	width:100%;
	text-align:center;
}
li {
	margin:20px;
	width:250px;
	height:250px;
	background-color:white;
	display:inline-block;
  	*display:inline; /*IE7*/
   	*zoom:1; /*IE7*/
}

http://jsbin.com/zukug/1/watch

Zoiets doe je met media queries in CSS.

Ik gebruik zelf graag CSSwizardry grids, waarmee dit heel makkelijk en simpel gedaan kan worden: http://jsbin.com/zukug/2/watch

Bedankt Wouter,
Voor een volgend project zal ik zo'n Grid systeem toepassen

Iemand ook ervaring met Bootsrap?

Geen CSS frameworks gebruiken. Je laad er alleen maar overbodige troep in wat je 9 van de 10 keer niet gebruikt waardoor je website langzamer word (vooral op mobiel).. Bootstrap Grid is waardeloos, container -> row -> column, overbodige divs etc etc. Ik gebruik helaas bootstrap omdat ik als freelancer word in gehuurd door een berdrijf dat persee met bootstrap wil werken.

En, zo te zien ben je niet echt bekend met HTML/CSS. In dat geval zal ik je sws CSS frameworks afraden. Waarom? Je leert hierdoor geen HTML/CSS. Als je zelf iets bouwt leer je HTML en CSS beter snappen (tja tenzij je niet de behoefte hebt om het te willen leren).