I have a table of images that I want to display on my course page. But I want to not have the horizontal bars when the page is scaled down in a smaller browser. My table has 16 cells and I have put no dimensions on the table itself. (see screenshot)
I have looked at this too long and just cannot seem to find the answer. Any suggestions? Please keep in mind that coding is not my strength.
Thanks!
A suggestion, put a max-width on your images in the table. Go into the HTML of the page and add in the bold line within your image tags.
<img src="http://pngimg.com/upload/balloon_PNG4954.png" width="200px" style="max-width: 100%;" />
So when the page is shrunk, the images themselves should shrink along with the table.
Just noticed you have text there as well. Not sure how helpful my last response will have been then with text included.
Dont use a table
Either use bootstrap grids or flexbox to layout your 'cells'
http://stackoverflow.com/questions/37461794/aligning-images-on-two-rows-with-flexbox