CSS div help - how to widen frame?

  Helena (author) 19:05 07 Apr 2014

Hi folks... I am at my wits' end so joined to get a tiny bit of help.

On my site click here there are four book covers displayed horizontally and I want there to be five. But when I add one, it ends up on the next line, all alone.

I've spent three hours now fiddling with the CSS div code, trying this and that, till I am tearing my hair out.

I feel sure there is an answer that is obvious to everyone on here but not to me!

Please help!

Many thanks


  jaywoo 20:52 07 Apr 2014

I'm no expert, but I hacked the page about a bit with Firefox' built in developer console to get 5 across and 4 rows down.

Change line 39 to

.one, .two, .three, .four, .five {

Change the percentage in each of the following four .row statements to 18% and add a .five statement the same as the previous four.


.five {

width: 18%;


Apologies if the forum changes the formatting and makes it hard to read.

  jaywoo 21:22 09 Apr 2014

I notice you modified the code. You need to take a stray TAB out of the text for Railwaywomen, Chrome browser pushes that title off the bottom of the grid otherwise. Firefox and IE render it all fine.

Image showing what I mean

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

OnePlus 5 review

Alice Saey's mesmerising animation for Dutch singer Mark Lotterman

iPad Pro 10.5in (2017) review

Comment booster votre iPhone ?