Spis treści - Responsive Web Design

[leonardodavinci]

Witam,

proszę o sugestię, jak najwłaściwiej będzie zrobić responsywny "spis treści" podobny jak na stronie weedygarden.net/highered-rwd-directory/

<div style="max-width:90%">

   <ul>

      <li><img src="1.png" /><a href="#">link 1</a></li>

      <li><img src="2.png" /><a href="#">link 2</a></li>

      <li><img src="3.png" /><a href="#">link 3</a></li>

      ...

      <li><img src="100.png" /><a href="#">link 100</a></li>

   </li>

<div>

Dziękuję i pozdrawiam - Jacek

[darekzil]

Najprościej będzie skorzystać z Bootstrapa

[lemans88]

Ostyluj jak chcesz (ale z głową) dodając media queries. Kontekstowy sposób określania wielkości nie jest synonimem RWD. Max-width to taka bardziej sztuczka niż narzędzie.

A spis podanej strony (nie sprawdzałem) dla wysokich szerokości ma ileś px na div a poniżej (do pewnego momentu) ma tak na oko 66% z marginesami.

No i na koniec, nie używaj inline CSS.