I am working on a website and trying to add some “design” to it, so it doesn’t look as bland. I first started out with 3 boxes that floated within the container. I am trying to add two boxes, half the width of the main boxes, on the left and right side.
My issue is on a smaller width screen the far right box causes extra white space on the right, but this doesn’t happen on wider views. I’ve tried a couple of different ways of positioning or taking the boxes out of the container, but floating the extra boxes within the container is the only way I could keep them in “line” when resizing the browser. I’m very new to this, so I don’t know if it makes sense, but at least the issue is very easy to see :). Here is the website WIP: