stl314 Posted December 3, 2016 Share Posted December 3, 2016 I want to add 2 columns of photos and 3 rows, how can i make this responsive and stack? right now they dont behave right Quote Link to comment Share on other sites More sharing options...
Dirty Butter Posted December 3, 2016 Share Posted December 3, 2016 What skin are you using? What CC version are you on? Quote Link to comment Share on other sites More sharing options...
bsmither Posted December 4, 2016 Share Posted December 4, 2016 You can use Foundation's GRID utility. <ul class="small-block-grid-1 medium-block-grid-2"> <li>image</li> <li>image</li> <li>image</li> <li>image</li> <li>image</li> <li>image</li> </ul> This will get you a two-column grid when viewing on medium and wider viewports, but a one-column grid on small viewports (mobiles). There will be as many rows as needed, and images should scale (probably need to style their width to be max-width:100%, but you may need to experiment with that, Foundation CSS already has <img> tags at max-width:100%). Quote Link to comment Share on other sites More sharing options...
lqd1992 Posted December 5, 2016 Share Posted December 5, 2016 you can use bootstrap. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.