I'm making a portfolio / resume website for my cs 401 class right now lol.
This brings me to why I'm posting. Say I have a container with a bunch of .. well I'll just show you:
That, when the window is large enough such that my site is at its max horizontal width, they all line up in 3 per row.
I also want them to float over when the window resizes thinner like they do now:
So that when the window is thin, all you have is a vertical scroll and no horizontal scroll.
What is the "standard" way of going about this? (for the max-window width part, I mean. to get them lined up in thirds, evenly spaced, but still floating left so resize pops them down to 2 per row, and resize to tiny thin pops them down to 1 per row)
Currently, I am sizing my images to were I like them, floating all the divs that contain a description at the top and image below it to the left, and guess-checking a left & right margin value that lines them all up nicely when the window is at its max size (css stuff). Is this an okay solution to my problem? Is there a more "industry standard" solution to this problem?
Edit: I just realized this solution wont work for another page I have. The concept is the same: pictures with a title over them, 3 per row at max-width, then 2 per row, then 1 per row as window width goes down. On this other page, however, the total number of items (divs with a description over them and picture underneath) is dynamically-created from a database. The look is the same, but I wont have individual divs to do css guess-checks with because each div item will be dynamically created. Any ideas on a solution?
Thanks in advance for any responses xD
Last edited by Ryanb9; 05-26-2016 at 03:37 AM.