So I’m coding a grid layout for a website, but I can’t get the widths of them to fit the outside properly. What I want it to do is for the blocks to expand depending on content, so one has to be larger than the other.
So as you can see they are overlapping, and not doing as they are told.
My logic was to use a list, and just have that expand to where it needs to be depending on its content, but I am struggling to get them to, well, first of all stay on the same line, and then to have them expand to the full width of the wrapper.
Here is the HTML:
Turn it off, turn it all off!
Turn it off, turn it all off! Turn it off, turn it all off! Turn it off, turn it all off!