How do I set up a container of dynamic width, but each section in it has equal width so that they all resize at the same time with the container?
width:80%; /*of viewport*/
width: 80%/6; <---- pseudo code
There are 6 equal sections. For example if the .container is 900px, then each .section would be 150px. If .container is 1200px, then each .section would be 200px.