I am trying to have a two-column setup with the tour images on the left and text on the right. But everything is under one div in the main, so it’s a single column in reality. There are no adjustments made for different screen sizes in the media queries so the single column with floated images is actually behaving correctly. I have a further complication in the desktop with the nav being floated to the right, making a third column.
I think a short-term solution would be to put my images and text in separate divs (two for each tour, six total) and (using classes) adjust the widths of the divs in the media queries. I’ll also have to include space for my nav. The problem is, I’m looking through my text book and examples and I’m not coming up with a way to do this. Can I get some help coding this properly?